[B! 開発][web] ikd9684のブックマーク

HTTPリクエストを減らすために【終章】我々には1000msの猶予しか残されていない

このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。【序章】HTTPリクエストは甘え【CSS Sprite編】スプライト地獄からの解放【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ【DataURI編】遅延ロードでレンダリングブロックを回避【終章】我々には1000msの猶予しか残されていない最終日は、我々フロントエンドデベロッパーに課せられた理想と現実のはざまについて冷静と情熱のあいだらへんで考えていく。まずは下記のブログを読んでもらいたい。 Google ウェブマスター向け公式ブログ: スマートフォンサイトの読み込み速度を改善するためにまぁ読まなくてもいいのだが、ここで述べられている重要なことは2つ。モバイルの平均読み込み時間は7秒しかし、ユーザーは1秒未満を求めている平均読み込み時間の7秒とい

ikd9684 2013/08/23

web
開発

リンク

HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL

このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。【序章】HTTPリクエストは甘え【CSS Sprite編】スプライト地獄からの解放【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ【DataURI編】遅延ロードでレンダリングブロックを回避【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。クライアントであるブラウザは入力されたURLを判断して、リソ

ikd9684 2013/08/19

リンク

iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）

【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！そもそも「Webインスペクタ」って何？そもそもWebインス

ikd9684 2013/04/07

リンク

アドビの新ツール「Shadow」は、モバイル用Webアプリ開発者必須のツール

モバイルデバイス用のWebサイトやWebアプリケーション開発で大変なものの1つが動作確認です。何台ものデバイスを机の上に並べて、ひとつひとつ確認しなければなりません。アドビシステムズのAdobe Labsが公開した「Adobe Shadow」は、そうした苦労をしているデベロッパー、デザイナーにとって手放せないツールになるでしょう。複数デバイスに対する同時表示とリモートインスペクション Shadowがどんなツールなのか解説用ビデオの説明を紹介しましょう。 iPhoneアプリのShadowを起動すると番号が表示されます。その番号を、MacOSかWindows用Chromeブラウザのエクステンションとして配布されているShadowに入力します。これで、ChromeブラウザとiPhoneがペアになりました。同じように、Android用ShadowもChromeブラウザとペアにすることができ

ikd9684 2012/06/09

リンク

初心者Webアプリケーション開発者がチェックすべき情報源2011 - ハニーポッターの部屋

毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築安全なウェブサイトの作り方改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加セキュリティ実装チェックリスト（Excel形式、33KB）安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様発注者のためのWebシステム／Webアプ