ツクリンクのCSS設計と書き方
はじめに この記事はツクリンクのエンジニアを対象に、サービスで利用されているCSS設計の概要を知り、実際にマークアップできるようになるためのドキュメントです。 社外にも公開することで、CSS設計と運用の一例として参照していただいたり、改善意見の募集、今後ツクリンクで一緒に開発していただく可能性のある方に開発体制をよく知っていただくことも期待しています。 疑問点、改善点などあればお気軽にコメントしてください。 ※ここで紹介した設計、運用は執筆現在のものです。記事の更新状況によっては実際の運用と異なる可能性があります。 CSS設計の変遷 現状のCSS設計の詳細の前にこれまでどのようなCSSが書かれてきたのかを説明します。 v1, 規則無し 初回リリース時はid, clsss, 要素型セレクタなどを複数使ったマークアップをしていました。 一部の古いページ、SP版のレイアウトで極稀に残っている可能
「人事労務freee」のEC2→EKS移行で、大変だったことと良かったこと - freee Developers Hub
freee Tech Night で司会をしていますのぶじゃすです。4月23日に配信した「freee Tech Night Online #10 〜人事労務freee、EKS移行」の様子をご紹介します。人事労務freeeのアプリケーションエンジニアhanakeとSREのnekottyoの二人に、移行の経緯、プロセス、導入後のメリットとデメリットについて語ってもらいました。 登壇者の写真 hanake: 写真左上 人事労務freeeのアプリケーション開発担当。 前職でdockerの使用経験あり。インフラの知識を持ちながら、スクラムマスターとしてプロジェクトをリード。 今回は、アプリケーションエンジニア側からEKS移行にチャレンジした。 nekottyo (@nekottyo): 写真右上 人事労務freee担当のSRE。AWS、EKS周りの管理がミッション。 Datadogでの監視も担当し、
運用期間20年 DMMが明かす、Vue.jsを使って長期運用サービスを改善するまで
2018年9月5日、第70回となる「HTML5とか勉強会」が開催されました。今回のテーマは「開発環境」。 Webフロントエンドの開発環境をテーマに、エディタプラクティスやServiceWorkerを開発ツールとして使うアプローチ、長期運用されたサービスのリニューアル方針など、登壇者たちがその知見を語ります。プレゼンテーション「長期運用サービス改善のために構築した開発環境の話」に登場したのは、koyano氏。DMMにおいて長期間運用されているサービス「DMM動画」の改善のために、Vue.jsを使って取り組んだことについて語りました。講演資料はこちら 長期運用サービス改善のために構築した開発環境の話 koyano氏：それでは始めさせていただきたいと思います。よろしくお願いします。 （会場拍手） 「長期運用サービス改善のために構築した開発環境の話」をさせていただきたいと思います。 まず自己紹介
20140717 awssummit2014-cloud-operation
AWSサミット東京2014の1日目、クラウド時代の運用パネルのパネラー、コーディネータの使用スライドですRead less
エンジニア3人で支える月間10億PV
・2年で月間10億PVを支えるまで成長した ZenClerkの運用上の工夫を紹介 ・AWSのTipsとあるある話の共有
企業のソーシャル運用が成功しづらい理由ナンバーワンはコレや｜More Access! More Fun
こんな仕事をしておりますと、企業のソーシャルの運用のコンサル依頼とか相談が時々来ます。当方でサイト制作する場合は「納品して終わり」というのは０で、大半はそこがスタートで反応解析しながら運用指導をメインに行うのですが、その中には当然ソーシャル運用というのも含まれてます。いまやコレ無しでは本格的なネットの集客は厳しいでしょう。 ちなみにわたしのブログはこの１ヶ月で1,726,008人のユーザー（2,095,268PV）のうち、ソーシャル経由が945,085人、検索からが330,042人です。ソーシャル経由は54.8％。検索からも１日平均10,000人くらいが来ているのですが、ソーシャルはその３倍。自分はホリエモンとか切り込み隊長のようにテレビにもマスコミにもほぼ全く登場しないわけで、コツコツ３年間ブログ書くだけでここまで来ました。別にアフィリエイトで金稼ぐ為じゃなく「こうしたらあなたも集客でき
「AWSを活用して少人数で複数のサービスを運用するコツ」〜JAWS-UG in Nagoya〜 - よかろうもん！
10月6日に名古屋で開催された第4回JAWS-UGにて、「AWSを活用して少人数で複数のサービスを運用するコツ」というテーマで、SonicGardenの運用に関しての考え方や取り組みについてお話させていただきました。 当日の資料を以下から見えるようにしておきます。 「AWSを活用して少人数で複数のサービスを運用するコツ」〜jawsug in nagoya〜 また、資料のインプットとなっている記事については以下にリンクを用意しておきますので、時間があるときに読んでいただけましたら幸いです。 AWS障害による影響を小さくするための設計(2011/4/21の障害を踏まえて) - よかろうもん！ データやログのバックアップを楽に実現するために活用すべきライブラリ〜Backup〜 - よかろうもん！ 実践で使えるEBSスナップショット取得スクリプト - よかろうもん！ トータルフットボールなチームの
橋本商会 » Mobage運用技術勉強会に行ってきた
Web公開制限が無いらしいので、殴り書いたメモを貼り付けておく。 謎のアルゴリズムで集められたはてなユーザーに、モバゲーの運用技術を惜しげもなく教える勉強会に行ってきた。 インフラもPerlも全然わかんないんだけど何故誘われたのか謎。 モバゲーすごい・・・台風激しかったけど行ってきて良かった。特にモニタリング手法が面白くて、一瞬だけ全プロセスにデバッガをアタッチして待機状態のプロセス数を調べるとか、DBバックアップサーバーの遅延を監視してるとSlaveへの遅延発生が予測できるとか。頭いい。 たぶんMobageを支える技術に書いてある内容の一部だと思われるので、本も買ってみる。 あと社食で閉店前に「モバゲ〜」って歌が流れててわかめ高校みたいで面白かった。 2012年6月19日 @ DeNA 渋谷ヒカリエの21階 台風きてるからヤバかったらすぐ帰りましょう インフラ部門紹介（小野氏） 世界展開
2012-06-19
はてな x DeNA合同企画 Mobage 運用技術勉強会 2012.06.19 台風ですが、決行！！終わったら、Sakura Cafeで懇親会。 登壇者：DeNA小野様 インフラ部門 ネットワークとMobage基盤 プラットフォームは、日本、US、韓国、中国向けがある サーバの拠点は、名古屋、東京、サンフランシスコ、上海 特徴 1. 高いソフトウェア開発力 - Handler socket plugin - MySQL-MHA 2. 非富豪的感覚 - サーバ台数は、グリーの半分くらいと思われる Mobage Webサーバ機の資源管理について 登壇者：DeNA樋口様 2-1. Mobageの佐波郡構成について 1. 基本、LAMP 2. WebサーバとDBサーバが大部分 3. Apache と FastCGI が同居 4. FastCGIはマルチプロセス型サーバ 5. ゲームごとに分離され
僕たちが行き着いた、シンプルで簡潔なGitの運用方法 - テクノロジーと広義のデザイン！
Gitを使い始めて１年以上たちます。最近、Gitを使ったプロジェクト運用方法が自分なりに固まってきたので公開します。かなりシンプルなので、ある程度Gitに慣れていれば十分に運用可能だと思います。 僕たちが理想とするヒストリーGitを使った開発の成果物、それは開発のヒストリー（履歴）そのものです。このヒストリーが論理的に正しく、かつ、簡潔で理解しやすいものを目指すというのが大方針となります。その方針のなか、現時点で僕たちが理想だと考えているのが、以下の図のような履歴がリモートブランチに残ることです。このヒストリーには２タイプのブランチが存在します。 リリースブランチ … 次期リリースバージョンに向けて進んで行くブランチ。チケット１枚について１つのコミットが良い。 フィーチャーブランチ … チケット１枚について１つ切られるブランチ。機能を実装する際に小刻みにコミットしたログが残っているため、後
リソースモニタリングツール「CloudForecast」入門 - As a Futurist...
kazeburo さんが開発をされているサーバリソースの可視化ツール「CloudForecast」ですが、個人的に使ってみていてとても使いやすいなと思っています。もっと使ってくれる人が増えるといいなと思い、自重せずに入門エントリを書いてみました。 CloudForecast って何？ そもそも何なの？という話ですが、CloudForecast とはリソースのグラフ作成ツールとして有名な「RRDTool」の薄いラッパーとして作られています。記述言語は Perl ですので、Perl と RRDTool の使い方が大体分かっている人にとっては導入さえしてしまえばかなりかゆいところまで手が届く＝カスタマイズが簡単かつ自由自在なツールだと思います。とりあえずのイントロとしては kazeburo さんの YAPC::Asia 2010 でのこちらのスライドをご覧頂ければと思います。 RRDTool っ
gumiStudy#2 で memcached の運用について喋ってきた - blog.nomadscafe.jp
例の件以来、memcachedについて書いたり話したりする機会が多く頂いています。次はShibuya.pm で再び監視について発表する予定です。また、今回の発表でも紹介したリソースモニタリングツール cloudforecast はYAPC::Asiaで詳しく説明します。Shibuya.pmは参加のキャンセル待ちがかなり多い状態ですが、YAPC::Asiaはまだまだチケット絶賛発売中です。ぜひいらしてくださいませー。 \n\n例の件以来、memcachedについて書いたり話したりする機会が多く頂いています。次は[Shibuya.pm](http://shibuya.pm.org/) で再び監視について発表する予定です。また、今回の発表でも紹介したリソースモニタリングツール cloudforecast はYAPC::Asiaで詳しく説明します。Shibuya.pmは参加のキャンセル待ちがかなり
資料を公開いたしました！（クックパッドの裏側見せます in 大阪＆名古屋） - クックパッド開発者ブログ
こんにちは。クックパッドのすみです。 去る4/2,4/3に大阪と名古屋にて「クックパッドの開発の裏側見せます」と題して講演会を開かせて頂きました。 当日は、技術部長の井原のほか、計3名のエンジニアがプレゼンさせて頂きました。 当日の資料を公開いたしますので、是非ご覧くださいませ。 最後に、大阪・名古屋の会場にご足労頂いた皆さま、 本当にどうもありがとうございました！ またお会いできますことを楽しみにしております。 ・清水雄太/毎日の料理を楽しみにするためのクックパッド流エンジニアライフ [slideshare id=3645164&doc=random-100405232603-phpapp01] ・佐々木達也/「Hadoopの活用事例 in クックパッド」 [slideshare id=3636819&doc=20100402hadoop-100404223254-phpapp01] ・
DevOps - mizzy.org - Trac
DevOps: Why Silos Suck And How To Break Them というエントリをたまたま目にして、「DevOps」という見なれない言葉が出てきたので、気になって調べてみたところ、自分が何となくやっていたことや、今までもやもやと考えていたことに一定の方向性が与えらえた気がしたので、整理してみることにします。 DevOps とは？ 簡単に言ってしまうと「開発者と運用者の間の壁を取り払うためのベストクラクティス」と言えそうです。 開発者と運用者の間の壁？ Flickr の中の人による 10+ Deploys Per Day: Dev and Ops Cooperation at Flickr という Velocity 2009 でのプレゼンスライドには「Devs versus Ops」という章があり、以下のような言葉が載っていました。 "It's not my mach
以下の環境及び状態のWEBサーバー複数台があります。…
以下の環境及び状態のWEBサーバー複数台があります。 ------- CentOS5.1 32bit CPU:Core2duo MEMORY: 4GB Apache2系 + PHP5 + Mysql（別サーバー） 高負荷ピーク時のCPU使用率：100% 低負荷時のCPU使用率：30%前後 高負荷時及び低負荷時のディスクIO：ほとんどナシ 高負荷時及び低負荷時のロードアベレージ：1.0未満 高負荷時のApacheプロセス数：100未満/150(maxclient) Apacheプロセスの挙動：prefork ApacheのKeep-Alive：Off Apacheの処理：PHPの実行（動的コンテンツのみ） ------- ディスクIOがほぼナシということは、ディスクキャッシュが有効に働いている。 起動プロセスが最大を満たしてないのでアクセスは裁ききっている。 にも関わらず、CPUが100%を
FlickrがPHP4からPHP5に移行 – 秋元
Flickr上で先月出された「このグラフの変化は何?」というクイズ 答えは、「PHP5に移行したFlickr.comのサーバのCPU利用率」ということでした。サーバのスクリプトエンジンをPHP5に切り替えた際に、上記のようなＣＰＵ利用率の削減が見られたということです。 このクイズを出したのは、Yahoo/Flickrでキャパシティ・プランニングを担当するジョン・アルスポーさん。先週のWeb2.0 ExpoでFlickrのサーバマシン入れ替えとパフォーマンス改善について話されています。 Web2.0 Expoのスライドで話されているのは、以下のような内容です。 Ｆｌｉｃｋｒのストレージ構成やデータ量 PHP5移行でCPU利用率が15%減ったこと ImageMagickからGraphicsMagickに変更して高速化 ＯｐｅｎＭＰでサムネイル作成を並列化 サーバマシンを良いスペックのものに置き
[ThinkIT] 第1回：現実路線のサーバ管理ソフトウェア (3/3)
# service gmetad stop # service gmetad start # service gmetad status
研究メモ - Ganglia
クラスタの全ノードにganglia-monitorを，Webサーバ（マスタノード）にgmetadをインストールする．ganglia-monitorはノードの情報を取得し，XML形式でネットワーク内にブロードキャストする．そして，マスタノードで動作しているgmetadによってその情報が集められる．そのデータをPHP，rrdtoolを使い，視覚化する．rrdtoolはデータをグラフ化するツールである． マスタノードの設定 マスタノードの/etc/hostsに，自分と監視したいノードの情報を記述する．下記のような情報を追記する． 192.168.1.1 master 192.168.1.2 slave1 192.168.1.3 slave2 次に、Webサーバに必要なパッケージのインストール、および設定を行う．モニタリングするWebサーバには，gmetad, apache, php4, liba
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
普通の開発メンバーが リーダーになってやったこと
ライブドア様ｘKLab合同勉強会 システムモニタリングツール「Ganglia」の紹介
