HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
いい加減、<script src="http://.. と書くのはやめましょう - DQNEO起業日記
外部サイトのJSファイルを読み込むときに、こういう書き方するのはやめましょう。 <script src="http://example.com/js/jquery.js"></script> 理由 あなたのサイトが、いつの日かSSLに対応することになったとき、そのscriptタグがバグの原因になります。 ご覧のとおり、HTTPSページの中でHTTP要素を読み込もうとすると、ブラウザによっては安全装置が働いて読み込んでくれないのです。 上の例ではjQueryの読み込みに失敗していますが、エラーメッセージ「Uncaught ReferenceError: jQuery is not defined 」を見てもHTTPS/HTTPのプロトコルが原因だとはすぐ気づかないので、わかりにくいバグになってしまいます。 結論 JSファイル(とかCSSとか画像とか)を読み込むときは、"http:"の部分を省
身につけておきたいWebサイト高速化テクニック #3｜画像形式の基礎知識 | DevelopersIO
こんにちは、ご無沙汰しています。 Web担当の野中です。 前回の第2回「検証ツールとそもそもHTTPって何だ編」から少し時間が経ってしまいました。 というのもテクニックを紹介するために予想以上の予備知識の説明と検証・調査が必要になり、さらにどう順序立てて解説すべきか悩み時間がかかってしまいました。 ちなみに第2回では、Webサイト高速化に関連してくるHTTPについて基本的なことを紹介しています。 より詳しくHTTPについて解説したCodezineさまに寄稿している連載も是非チェックしてみてください。 本題 さて、今回から実践編ということでフロントエンド側のWebサイト高速化対策の１つ、画像の最適化について紹介します。 初学者向けに細かく基本的なことまで解説しますので、記事を3つに分けます。 画像最適化1回目の本記事では、画像に関する基礎知識について紹介します。 未だにWebサイト高速化の具
(zsh補完関数) httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! (ついでに派生物もまとめてみた) - よんちゅBlog
一般的な Web Programmer ならば、HTTP Status code はすべて暗記していると聞きました。 しかし、僕は初心者なので、なかなか覚えきれていないので、HTTPのステータスコードをさがすのに便利なツールを用意しました。 _httpstatus です。インストール方法は _httpstatus をfpathの通ったところに置きzshを再起動するだけです。 (注意：httpstatusコマンド本体は含まれておりません) yonchu/_httpstatus.zsh - gist $ cp _httpstatus /usr/local/share/zsh/site-functions $ exec zsh 700番以降は…例のアレです。 今日の参考文献: httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - tokuhirom's blog
javascript - httpstatus.js : 404 Blog Not Found
2013年02月21日16:00 カテゴリTipsLightweight Languages javascript - httpstatus.js JavaScript徹底攻略 手慰みに移植しますた。 httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - tokuhirom's blog. 僕は初心者なので、なかなか覚えきれていないので、HTTPのステータスコードをさがすのに便利なツールを用意しました。 404が何を意味するのかこれですぐに思い出せます。 Demo DHTML Source Enjoy! Dan the Man with Too Many Status Codes to Remember P.S. 「JavaScript徹底解説」、この場を借りて献本御礼。 http://api.dan.co.jp/js/httpstatus.js 「Tip
httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - ( ꒪⌓꒪) ゆるよろ日記
一般的な Web Programmer ならば、HTTP Status code はすべて暗記していると聞きました。 しかし、僕は初心者なので、なかなか覚えきれていないので、HTTPのステータスコードをさがすのに便利なツールを用意しました。 httpstatus.hs です。インストール方法は 適当にコンパイルしてください。 yuroyoro / httpstatus.hs httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる! - tokuhirom's blog. Big Sky :: httpstatus コマンドで、HTTP のステータスコードをすばやくしらべる!
身につけておきたいWebサイト高速化テクニック #2｜検証ツールとそもそもHTTPって何だ編 | DevelopersIO
第1回のアジェンダ編では、高速化に関わる要因と解決策の全体像を紹介しました。 アジェンダ編にもかかわらず多くのブックマーク、シェアをいただきありがとうございます！ 余談ですが、記事にブックマーク、シェアをしていただくと、このブログでは執筆者に経験値がたまるような仕組みになっています。 たくさん経験値を貯めると四半期ごとに良いことがあるかもしれないので、気が向いたらこの他の執筆者の記事もシェアしていただけるとうれしいです。 言葉にせずとも、わかっていただけると思いますが、この記事も・・・ね？ 右上にあるボタンをちょちょっと。 本題 余談はさておき、本題に入りましょう。 今回は「無駄なリクエストとレスポンスの削減」に視点を置き、解決策について調査、計測して紹介してみたいと思います。 と思ったのですが、長くなりすぎたため、まずは「検証ツールとHTTPについて」紹介することにしました。 この記事の
Web API 設計のベストプラクティス集 "Web API Design - Crafting Interfaces that Developers Love" - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20130121.html
環境変数 | futomi's CGI Café
みなさんが作ったホームページにどのような人がアクセスしてきたかを知りたいと思いませんか？ 環境変数というものを使って、ある程度のことを知ることができます。 環境変数は、アクセスしたブラウザーがサーバーに対して送信されますので、 これらの情報はサーバー側で受け取ることができます。 Perl スクリプトでは、予約変数である %ENV に自動的に入ってきます。 %ENV は連想配列ですね。実際に環境変数の一覧を表示する CGI を作ってみましょう。 この CGI は連想配列 %ENV のキーをソートして表形式に出力しています。 #!/usr/bin/perl print "Content-type: text/html; charset=utf-8\n"; print "\n"; print "<!DOCTYPE html>\n"; print "<html><head><meta charse
Apache HTTP Server で Web サーバー構築
Apache HTTP Server はインターネット上で Web ページを公開するための Web サーバーソフトウェアです。 Apache HTTP Server を構築するとその自宅や会社からホームページを公開することができるようになり、レンタルサーバーによくある容量制限や CGI 使用可否などに悩まされることなくウェブサイトを公開することができるようになります。 この Apache HTTP Server は世界一のシェアを誇り、高性能かつ信頼性の高い Web サーバーソフトウェアとして多くの支持を得ています。 Apache HTTP Server はかつて主流であった 1.3 系が新しく開発され 2.0 系となりましたが、ここでは現在最新の 2.2 系での解説となります。 Apache HTTP Server のインストール Apache HTTP Server は apt-get
CyberSyndrome : Proxy List / Anonymous - 匿名プロキシリスト・串リスト
▼ プロキシの所在地 プロキシ名にマウスカーソルを合わせるとそのプロキシの所在地がここに表示されます ▼ プロキシのホスト名 プロキシ名にマウスカーソルを合わせるとそのプロキシのホスト名がここに表示されます 最新の匿名プロキシサーバのリスト（串リスト）です。 Proxy Checkerで利用可能と判定された匿名プロキシが最終チェック日時の新しい順に一覧表示されており、一時間毎に最新のリストに自動的に更新されます。また、外部から利用できないと判定されたプロキシはリスト上での表示順位が下がります。さらに一定回数連続して利用不可能と判定されればリストから自動的に削除されます。 各プロキシは匿名性の種類により以下のように色分けされています。 赤色 ： Anonymous (A) HTTPのリクエストヘッダにプロキシ特有の環境変数を付加しない匿名プロキシ 青色 ： Anonymous (B)
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」:phpspot開発日誌
WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」 2009年08月17日- UrlParams :: Firefox Add-ons WEB開発者は必携かもしれないHTTPパラメータ解析用Firefoxアドオン「UrlParams」。 もうご存知の方も多いかもしれませんが、知らなかったのでご紹介。 Yahoo! などの検索エンジンにアクセスすると、「http://search.yahoo.co.jp/search?p=test&ei=UTF-8&fr=moz2」のように色々と引数がつきますが、これを分かりやすく解析してくれます。 さらに解析するだけでなく、独自パラメータを定義して送信するといったことも可能です。 上記GETによるアクセスで、以下のようにパラメータを分かりやすく表示してくれます。 POSTの場合は別のペインにパラメータが表示さ
告白されたときの正しいステータスコードの返しかた、読みかた - As Sloth As Possible
今日は秋らしいよいお天気だったので、それとは特に関係なく今日も今日とてぼーっとディスプレイに向かっていたところ、こんな記事を見付けた。 勇気を出して告白！ その返事で覚えるHTTPステータス・コード あらあらまあまあ。なんだか俺、この記者の方にシンパシーを覚えるよ。 この手のネタは大好物なのだけど、404はお断りの返事ちゃうやん、てか断り方だけでも何パターンもあるんやで、とうずうずしてきたので便乗して考えてみることにした。例によって400系レスポンスに偏ってるのはお約束。しかたないよねー。告白のレスポンスなんて受けとる方でも返す方でも400系しか知らないもん。ごめん嘘だ。503（「お前本当にタイミング悪いな」）返したことある。再リクエストはありませんでした。200？ああ、そんなステータスコードもありましたね。おいしいのかな。使ってみたいです。 （予想外に反響があったので追記）見ての通り全部
ネットワークプログラミングの基礎知識
ネットワークプログラミングの基礎知識 ここでは IP アドレスやポート番号、クライアントとサーバの役割などを説明し、 perl・C言語・Java などでソケット (Socket) を使った HTTP クライアントや POP3 クライアント、簡単なサーバを作成してみます。 要はネットワークプログラミングをやってみよう、ということです。 このページのサンプルプログラムは、RFC などの規格に準拠した「正しい」プログラムではありません。 また、全体的にエラー処理が不十分です (今後改善する予定です)。 あくまでも概要を理解するためのサンプルととらえてください。 もし本気でしっかりとしたクライアントやサーバを書きたいなら、このページを読んだ上で、 さらに RFC を熟読し、そして wget・Apache・ftp コマンドなどのソースを参考にしてください。 このページに間違いを見付けたら、掲示板 で
HTTP入門
HTTPとは？ HTTPのサンプル メッセージ構文 リクエスト行 レスポンス行 メソッド ステータス番号 ヘッダ Accept （要求） Accept-Charset （要求） Accept-Encoding （要求） Accept-Language （要求） Accept-Ranges （応答） Age （応答） Allow （要求/応答） Authorization （要求） Cache-Control （要求/応答） Connection （要求/応答） Content-Encoding （要求/応答） Content-Language （要求/応答） Content-Length （要求/応答） Content-Location （要求/応答） Content-MD5 （要求/応答） Content-Range （要求/応答） Content-Type （要求/応答） Date （
HTTPヘッダのメタ情報
ユーザエージェント（ブラウザ）がウェブサーバーからHTTPでリソースを取得するとき、HTTPメッセージのヘッダにいくつかのデータを付加することで、リソースに関する情報やユーザエージェントの機能、利用者の好みなどを伝えることができます。HTTPヘッダは、ウェブのリソースに関するメタ情報を提供する、最も確実で効率的な手段の一つです。 HTTPとヘッダ 応答ヘッダによるメタデータ MIMEタイプと文字コード情報 SSIと更新日付情報 コンテント・ネゴシエーション Multiviewsと言語ネゴシエーション ブラウザの言語設定 独自ヘッダの追加 参照文献 HTTPとヘッダ WWWでリソースを取得するとき、ほとんどの場合はHTTP (Hypertext Transfer Protocol) [RFC2616]に基づくメッセージの交換によってユーザエージェント（UA）とウェブサーバーがやり取りを行いま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Studying HTTP