ウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。Read less
![ウェブパフォーマンスの基礎とこれから](https://cdn-ak-scissors.b.st-hatena.com/image/square/6d12646a82468e1a8085734278c7d04d1a6d3c0f/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fslide-150322200123-conversion-gate01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
自分がHTML5サイトを制作する時の環境をテンプレート化し公開してみます。 レガシーブラウザ(IE7、IE8など)もカバーすることを考えているので今のフロントエンドの流行からすると古い技術を使っているかと思います。 JavaScriptのフレームワークにBackbone.jsを使っていましたがプロトタイプベースなのが書きにくくてやめて、モジュールパターン+MVCパターンで直に書いています。 データ一式 Github ダウンロード 準備 コマンドライン(Terminalなど)でダウンロードした解凍ファイルのROOTディレクトリに移動 npm install 説明 JSプラグイン Lo-Dash(underscore build) underscoreよりLo-Dashのがパフォーマンスがいいのですが Backbone.jsがunderscoreを採用しているのでLo-Dashのundersc
やりすぎても無駄になることがあるので、必要十分なバランスを見極めて実施する。主に社内のプログラマ向けのまとめ資料。他にもあれば追記していく予定。 ページの状態を調べる まず対象のページが、どういった状態なのかを調べる。 Google PageSpeed Insights これを100点満点にする必要はないが、赤くなっている項目に関しては、なるべく対応したほうが良い。モバイルサイトにも対応しているので便利。 https://developers.google.com/speed/pagespeed/insights/?hl=ja pingdom 実際にページにアクセスしてスピードを計測できる。海外サーバなので、けっこう遅い…。最適化前と最適化後で比較するのに使うといい。 http://tools.pingdom.com/fpt/ Chromeデベロッパーツール コンテンツの読み込み順序/速度
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、フロントエンドエンジニアの加藤(@ktknest)です。 1/25(土)、札幌に引き続き福岡にて、フロントディベロッパ/エンジニア向けの勉強会Frontrend in Fukuokaが開催されましたので、そちらのレポートをお届けします。 Fukuoka Frontrend Frogsや、特定非営利活動法人 AIP、サイバーエージェント福岡オフィスの皆さんのご協力の元、関係者を含め200名近くと非常に多くの方々にご参加いただきました! ・Frontrend in Fukuoka 2014年1月25日(土)開催! ・当日のツイートまとめ 3ト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く