2012年06月03日

GAE で作ろう!! 簡単にSPDY対応サイト



最近、大台の40になったということで、健康に気を付けようかな・・・と毎週末近所の河川敷をジョギングしています。初めてから大体一ヶ月、最初は 4km 走ったら筋肉痛でとんでもないことになっていましたが、最近は 7km ぐらいを 6min./km ぐらいのペースで走れるようになりました。とりあえず、1年後ぐらいにはどこかのマラソンに出るぐらいの目標で頑張ろうかなと思っています。

さて今日は Google の PaaS サービス、GAE (Goole App Engine)で、SPDYを簡単に使えますという話です。
1

SPDY indicator

突然ですが、WebサイトがSPDYに対応しているかを簡単にチェックするものとして、SPDY indicator というツールがあります。Chrome Extension や、FireFox Add-onsとして公開されています。 
2
これをインストールすると、SPDY対応サイトではアドレスバーの右端に緑色のアイコンが表示されます。「へぇーこのサイトSPDY対応なんだw」とほくそ笑むだけの Geeky なツールですが、なかなか楽しいです。SPDY好きの人にはオススメです。
3

GAE spdy対応してんじゃん!!

で、先日とあるプレゼン資料準備のため、WebRTCのデモサイトを見ていたときのこと。ふと画面右上を見ると、そこには煌々と輝く緑色のアイコンが!!僕は、これを見て興奮してしまいました。
4
というのも、このサイト GAE 上で公開されています。ってことは、Google App Engine が SPDY 対応してるってこと。つまり、GAE使えば誰でも簡単にSPDY対応サイトが作れる!!ってことに他なりません。これは、素晴らしい!!

前回の記事でも述べましたが、SPDYの特徴の一つは、その簡単さ。ApacheとかnginxのようなフロントエンドのミドルウェアがSPDY対応すれば、それだけでOKです。HTML/CSS/JavaScriptは何も変更する必要がありません。てことは、上のデモがSPDYで動いているってことは、GAEのフロントエンド(もちろん、何を使っているかは知りませんが・・・)がSPDY対応していることに他なりません。つまりふつーにGAEでdeployして、プロトコルスキーマとしてhttpsを指定すればSPDY対応サイトになる!!とゆーことになるわけです(これまでGAEで公開していたサイトも含め全て)。
5

Channel APIは?

といったことで、最初FaceBookで盛り上がっていたら、@kazunori_279さんから、早速「Channel APIはどうでしょう?」という質問が。なるほど、確かに気になります。SPDYは、基本的にフロントエンドが対応していればOKな技術ですし、現在のChannel APIは Comet をベースにしています。なので、この Comet に使っているURL(フロントエンド)がSPDYに対応していれば、特段 Channel API 側で特別な対応をしていなくてもOKということに。調べてみる価値おおいにあり。

ここで、先程のWebRTCのデモでは、ピアのセッション情報の交換に Channel API を使っています。で、調べてみるとSDPデータの送信には、https://apprtc.appspot.com/... を使い、Push受信には https://906.talkgadget.google.com/... を使っていました(906の部分は、ころころ変わります)。で、これらのセッションを chrome://net-internals/#spdy で見てみると、どちらもSPDYを使っている様子。てことで、Channel APIも含め SPDY に対応していることが分かりました。
6

僕も作ってみた

ということで、僕も早速以前のブログで紹介した、SPDYの速度比較デモを GAE に deployしてみました。といっても、単に以前作っていた HTML/CSS/JavaScript をそのまま使うだけですので、チョー簡単です。https://spdykomtest.appspot.com/pub/test.htmlでhttpsをプロトコルスキーマとして指定してChromeやFireFox13以上でアクセスすれば SPDY で動きますし、http://spdykomtest.appspot.com/pub/test.htmlとhttpを指定すれば非SPDYで動きます。どれぐらいの速度差がでるかはそれぞれの環境次第ですが、是非お試しを
7

まとめ

ということで、GAE 使えば簡単に SPDY 対応サイト deploy できるよ!!というレポートでした。特別なセットアップしなくても、GAEでふつーにDeployを行うだけでSPDYが使えるというのは嬉しい限り。公開するときに、プロトコルスキーマを"https"にするだけですもんね!!なお、今回のテクニックですが、appspot.com のドメインを使っている場合の話ですので、そこは注意ください。オリジナルドメインを当てている場合、証明書の関係からだと思いますが SPDY にはなりません。専用のドメインにしている場合、証明書をきちんとあてればSPDYになるんでしょうか。。。ごめんなさい、そこまでは調べきれていません。このあたりのことを知っている方いらっしゃいましたら、是非コメントなりTBなり頂けると嬉しいです。


Google App Engineプログラミング入門

人気ブログランキングへ
kotesaki at 14:59│Comments(51)TrackBack(0)clip!SPDY 

トラックバックURL

この記事へのコメント

1. Posted by komasshu   2012年06月03日 19:50
どうも、昨年の4月ぐらいからサポートしていたみたいですね。

http://code.google.com/p/googleappengine/issues/detail?id=4859

SPDYに関しては、なんかヒッソリと始まっている印象がw
2. Posted by kuma   2012年06月15日 23:38
面白い記事が多いですね〜。
今後もちょくちょく見させて頂きます
3. Posted by шунгит   2012年08月10日 09:30
興味深いことに
4. Posted by cheap tattoo kits   2012年08月14日 18:59
興味深いことに, 強力な
5. Posted by アグ ブーツ 通販激安   2012年09月11日 05:06
5 この13歳を日本は匿ってやらないといけないな
6. Posted by Chest Tattoos   2013年01月08日 00:39
興味深いことに, 強力な
7. Posted by Tattoos   2013年01月08日 00:40
興味深いことに, 強力な
8. Posted by Mehandi designs   2013年01月14日 03:48
味深いことに, 強力な
9. Posted by Cheap Calls to pakistan   2013年01月18日 01:23
いことに, 強力な
10. Posted by Mehandi Designs   2013年01月18日 01:23
いことに, 強力な
11. Posted by Photoshop Pen tool   2013年01月18日 01:24
ことに, 強力な
12. Posted by Birthday wishes   2013年01月18日 01:25
とに, 強力な
13. Posted by Photoshop Tutorials CS5   2013年01月18日 01:26
強力な
14. Posted by cabas vanessa bruno   2013年01月29日 17:43
専用のドメインにしている場合、証明書をきちんとあてればSPDYになるんでしょうか
15. Posted by Menses   2013年02月10日 03:34
ドメインにしている場合、証明書をきちんとあてればSPDYになるんでしょうか
16. Posted by Mehandi Designs   2013年02月22日 19:55
メインにしている場合、証明書をきちんとあ
17. Posted by whiten teeths   2013年03月12日 02:47
メインにしている場合、証明書をきちんとあ
18. Posted by Henna   2013年03月18日 03:02
ンにしている場合、証明書をきちんとあ
19. Posted by Henna Designs   2013年03月19日 00:56
ンにしている場合、証明書をきちんとあ
20. Posted by Diablo 3 Gold kaufen   2013年03月22日 22:18
応していればOKな技術ですし、現在のC
21. Posted by henna patterns   2013年04月13日 02:39
いればOKな技術ですし、現在のC
22. Posted by Mubasharat in Islam   2013年05月01日 03:22
ればOKな技術ですし、現在のC
23. Posted by guild wars 2 gold   2013年05月14日 12:35
5 といったことで、最初FaceBookで盛り上がっていたら、@kazunori_279さんから、早速「Channel APIはどうでしょう?」という質問が。なるほど、確かに気になります。SPDYは、基本的にフロントエンドが対応していればOKな技術ですし、現在のChannel APIは Comet をベースにしています。なので、この Comet に使っているURL(フロントエンド)がSPDYに対応していれば、特段 Channel API 側で特別な対応をしていなくてもOKということに。調べてみる価値おおいにあり。
24. Posted by ポールスミス バッグ 洗濯   2014年08月05日 03:29
http://lunaodontologia.com.br/paulsmith/paulsmith-2014-07-25-0-64.htmlポールスミス バッグ 札幌
25. Posted by Occhiali Da Sole Ray Ban Wayfarer Rb2140 Marrone Lente Rossa Tel   2014年08月08日 11:58
Tout comme pour de nombreux baby-boomers, la retraite ne signifie pas que la Jordanie n'est pas occup茅 ? poursuivre d'autres passions. Depuis sa retraite, il s'est plong茅 dans divers projets d'affaires et les organisations caritatives.
26. Posted by パリ モンクレール 店舗   2014年08月12日 14:42
Comet をベースにしています。なので、この Comet に使っているURL(フロントエンド)がSPDYに対応していれば、特段 Channel API 側で特別な対応をしていなくてもOKということに。調べてみる価値おおいにあり。
27. Posted by ビームス モンクレール 2014   2014年08月15日 09:13
ビームス モンクレール 2014 震災から丸3年のこの日、学生らは「他大学の学生とネ
28. Posted by ポールスミス 財布 ハートプル   2014年08月27日 02:50
http://www.vizagcityonline.com/admin/shop/paulsmith-news-63.htmlポールスミス 財布 自転車
ポールスミス 財布 ハートプル http://www.vizagcityonline.com/admin/shop/paulsmith-news-260.html
29. Posted by フェラガモ 靴 フラットシューズ   2014年09月25日 12:36
http://albert.edu.pl/best/ferragamo-007-29.htmlフェラガモ アウトレット
フェラガモ 靴 フラットシューズ http://albert.edu.pl/best/ferragamo-007-405.html
30. Posted by ポールスミス シャツ 半袖   2014年09月28日 05:01
http://www.ugcfrp.ac.in/userfiles/cvv/paulsmith-002-1754.htmlポールスミス 時計 solar-tech
ポールスミス シャツ 半袖 http://www.ugcfrp.ac.in/userfiles/cvv/paulsmith-002-1048.html
31. Posted by ポールスミス 財布 メンズ 評判   2014年10月01日 11:30
http://www.andrewsbowen.co.uk/buu/paulsmith-ge-111.htmlpaul smith 財布 品質
ポールスミス 財布 メンズ 評判 http://www.andrewsbowen.co.uk/buu/paulsmith-ge-242.html
32. Posted by フェラガモ 財布 レディース 2014   2014年10月04日 05:26
http://fluke.co.kr/UserFiles/uu/ferragamo-sale-419.htmlferragamo スカーフ
フェラガモ 財布 レディース 2014 http://fluke.co.kr/UserFiles/uu/ferragamo-sale-64.html
33. Posted by クロムハーツ ハート ウォレットチェーン   2014年10月07日 10:19
http://www.themedialine.org/test/UplImg/sale/chromehearts-cee-2352.htmlクロムハーツ 青山限定
クロムハーツ ハート ウォレットチェーン http://www.themedialine.org/test/UplImg/sale/chromehearts-cee-544.html
34. Posted by 小銭入れ付きマネークリップ財   2014年10月25日 22:47
http://www.consumeradvice.in/bcc/2014-10-25-ferragamo-654.htmlサルバトーレフェラガモ トート
小銭入れ付きマネークリップ財 http://www.consumeradvice.in/bcc/2014-10-25-ferragamo-172.html
35. Posted by dstti   2014年12月12日 23:36
dstti 阪神・大和は6500万円で更改、来季目標は「盗塁王」 iEDGE
松田龍平&松尾スズキ、夕張に続き札幌でも舞台挨拶
ヨン・ウジン、新ドラマ「離婚弁護士は恋愛中」に出演確定
北川景子、無理ありすぎの「処女キャラ」から戦略変更...DAIGOとの交際がオープン化したウラ事情
日本発のウェアラブルスマートデバイス「オムロン 活動量計 HJA-403C カロリスキャン」
ハノーファー、酒井宏樹のライバル獲得目前で破断
韓国が5試合連続の完封勝利…7大会ぶりのアジアカップ決勝進出
パート社員から正社員を目指す女性に注意してほしいこと
パート社員から正社員を目指す女性に注意してほしいこと
44. Posted by ケイトスペード フラット シューズ   2015年02月16日 12:49
試験直前の勉強が合否を分ける! 「一週間漬け」記憶術
「バレずに恋愛したい!」アイドルが人気番組発言で話題
46. Posted by ケイトスペード ショルダーバッグ   2015年02月19日 16:27
情報が少なすぎる! あまりにもあいまいな食品添加物の安全性と認可方法
47. Posted by Adobe Flash Playerに深刻なゼロデイ脆弱性を確認   2015年02月20日 13:17
東京都中央区のホテルで梅酒641種が飲み放題!
充電スポット検索アプリ【EVsmart】に【充電タイマー機能】が追加
49. Posted by 大型木造建築、都市部に   2015年02月21日 10:56
サラリーマンが知っておきたいマネーテクニック (22) 【フラット35】Sが拡充!? 長期固定金利が当初5年、771年が変動金利並みに!
ディズニー新作映画『イントゥ・ザ・ウッズ』監督・キャスト来日へ
51. Posted by Michael Kors 長財布   2015年12月14日 18:22
【動画】全国的に寒い 暴風おさまるも、北海道は雪続く

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔