ASP.NET アプリの高速化 : CDN の利用とフォールバック対応

昨今の Web アプリケーションでは jQuery を始め、さまざまな JavaScript ライブラリを使用する機会が多くあります。今や欠かすことのできない JavaScript ライブラリですが、その数やファイルサイズによっては、Web アプリケーションのロード時のパフォーマンスに影響を及ぼすこともあります。特にスマートフォンに代表されるモバイル環境での Web アプリケーション利用が進むにつれ、回線速度や端末の処理能力なども影響して、JavaScript ライブラリを含む Web ページのロード時間はよりクリティカルなポイントになります。 一般的に、Web アプリケーションや Web ページのロード時間やペイロードを削減するために、下記のような方法がとられます。 JavaScript/CSS ファイルの縮小化 主要な JavaScript ライブラリでは縮小版 (*.min.js など) が用意されていますので、これを使ってペイロードを削減することができます。 JavaScript/CSS ファイルの結合 JavaScript や CSS ファイルのロード時の HTTP リクエスト数を減らすため、複数のファイルをサーバーサイドで結合して1つのファイルとしてロードする手法をとることも有効です。 CDN の利用 各アプリケーションに配置されている JavaScript ファイルではなく、CDN (Content Delivery Network) 上に配置されたファイルを使用することも効果的です。 キャッシュの活用 CDN の利用やファイルの結合などと合わせて、ブラウザーキャッシュを意図的に使用する実装も多く取られます(Cache Busting などもそのテクニックの一つ) 遅延ロード Web ページのロード時にすべての JavaScript ファイルをロードするのではなく、実際にその JavaScript…


Build Insider: 次世代 Web 開発技術情報サイト誕生!

今日、4 月 24 日 11:00 に “Build Insider” という新しい Web メディアが誕生しました。 http://www.buildinsider.net/ このサイトは、株式会社デジタルアドバンテージ様が編集・運営を手掛ける「次世代 Web 技術を活用する開発者のための情報サイト」となり、弊社も賛同企業の一社としていろいろとご支援させていただく予定です。 Build Insider の詳しい方向性などは、編集長の一色さんが書かれている下記の記事をぜひご一読ください。 本サイトの趣旨と方向性:Build Insider とは? 次世代 Web 技術を中心にハイレベルな技術情報を発信していくと同時に、開発者の皆様のスキルアップ・ステップアップを支援するための施策も予定されています。 また、次世代 Web 技術に関する情報が中心になりますが、だからと言って Web アプリケーション開発だけの内容になるというわけではなく、また、私の記事 の中でもお伝えしているとおり、ネイティブアプリだろうが Web アプリだろうが Web 技術は必須の時代になっている今こそ、多くのエンジニアの皆様に次世代 Web を意識したアプリケーション開発を楽しんでほしい、そのための技術情報サイトにしたい、といった思いもあります。 加えて、6 月 8 日 (土) に東京・品川にて Build Insider のキックオフとして第 1 回オフラインイベントも開催されます。 日時:2013 年 6 月 8 日 (土) 10:30…


DevIntersection – Day 3 (最終日)

只今、ラスベガスは 4/12 (Fri) の 18:35 です。今日はほぼ一日、ホテルの部屋にこもってたまった仕事を片付けています。日本からの参加で私と行動を共にしていただいていたお二人は既に帰国の途につき、今夜の夕食はどうしよう・・・などと悩んでいます。(私はレドモンドによってからの帰国です) さて、今日のブログは DevIntersection 最終日のレポートです。 ☆ Day 3 (最終日) Return of The HaaHa Show: How to Open Source – Scott Hanselman & Phil Haack こちらは 3 日目の朝のキーノートで、知る人ぞ知る HaaHa Show が復活ということで期待して来ていた方が多かったようです(私もその一人)。最後の MIX となった一昨年の MIX11 を最後に見ることが出来なかった Hanselman と Haack の掛け合いによるセッションです。期待通り、かなり楽しかった! 昨日の Phil Haack のセッションをより深入りした感じの内容で、2 人で GitHub を使って fork や pull request のデモを楽しく見ることが出来ました。 Building…


DevIntersection – Day 2

今回のブログも DevIntersection のレポート(2日目)です。 ☆ Day 2 Windows Azure Keynote – Jason Zander Jason は Microsoft の Corporate Vice President the Development Team of Windows Azure という肩書きのとおり、Azure の開発チームを指揮しています。実は当初、Scott Guthrie が登壇予定でしたが諸事情で Jason に代わりました。Scott も Jason と同じ CVP で Windows Azure な人ですが、指揮するのは Server and Tools Bsiness チームの違いがあります。 このキーノートセッションは、Windows Azure の現状と全体像の紹介といった内容で、残念ながら新しい情報はありませんでした。 Modern Single Page Applications with HTML 5, CSS3,…


DevIntersection – Day 1

昨日 に引き続き、DevIntersection の簡単なレポートです。 今日は、いよいよ初日。日本の開発者向けイベントとは違い、こちらは朝早い時間帯からセッションが始まることが多く、今回のイベントも朝 8:00 からキーノートでした。 Keynote: Visual Studio, .NET and the Cloud – Jay Schmelzer こちらは、Devices & Services といった話から Visual Studio 2012 Update 2 を中心に、LightSwitch, Apps for Office, TFS などの話が中心で、Update 2 を知っている方であればそれほど新しい内容はありませんでした。 SignalR – The Real-time Web Made Simple – Damian Edwards 続いては、ASP.NET PM で SignalR の中心人物 Damian Edwards 氏のセッションに参加しました。一緒に日本から参加している ASP.NET の MVP で…


DevIntersection – Day 0 (Pre Conference)

以前のブログ投稿で “Dev Intersection Conference に行きたい! in Las Vegas” なんて書いたら実現してしまいました。 というわけで、私は DevIntersection という .NET & Web 開発者向けのイベントに参加するため、昨日からラスベガスに来ています。 今回は、詳しくは下記の 3 種類のイベントが同時に同じ会場で開催されている複合的なイベントとなっていて、どのイベントのセッションでも参加できるようになっています。 DevIntersection – Visual Studio 2012 / ASP.NET / Azure などに関する Web 開発者向け SQLIntersection – SQL 開発者向け Angle Brackets – HTML5 / CSS3 / JavaScript などのピュアな Web 開発者向け 本格的には明日 4/9 からスタートですが、今日はプレ・カンファレンスが開催されていて、私は下記のワークショップに参加していました。 Day of Single Page Applications (8:30…


“VS 魂 100 連発” ここまでの ASP.NET 関連ビデオのまとめ

こちらの ブログ投稿 でご紹介したビデオシリーズ “VS 魂 100 連発” の収録も順調に進み、今日までで 21 本 のビデオが公開されています。エバンジェリストチームのブログ では、適宜収録済のコンテンツが紹介されていくと思いますので、こちらもご参照いただければと思います。 今日の私のブログでは、このうち私が収録した ASP.NET Web 開発関連の 4 本のビデオを簡単に紹介します。 [VS100-001] シングルページアプリケーションで始める最新 ASP.NET Web 開発 VS魂 100 連発シリーズの記念すべき第 1 回目では、はじめに弊社エバンジェリストリードの長坂が開発者のみなさまへ熱いメッセージを語ります。その後、私、井上章より ASP.NET の最新アップデート “ASP.NET and Web Tools 2012.2” と、新しく加わったプロジェクトテンプレート「シングルページアプリケーション」のデモを紹介します。 関連情報: ASP.NET and Web Tools 2012.2 製品版 (RTM) リリース! [VS100-007] ASP.NET Web API で作る RESTful HTTP サービス 軽量な HTTP…


TypeScript 0.8.3 リリース

ここ最近、TypeScript に関してのさまざまな依頼が多くなってきていて、TypeScript の注目度の高さを実感しています。 今回は、今週末 3/9 のプロ生勉強会での登壇準備も兼ねて、先日リリースされた TypeScript 0.8.3 の情報をまとめておきたいと思います。もし英語での情報でも問題ないという場合は下記の TypeScript ブログもご参照ください。 TypeScript : MSDN Blog このブログでもアナウンスされている通り、先月 2 月末に TypeScript の最新バージョン 0.8.3 がリリースされました。インストール方法などは私の以前のブログ記事 “TypeScript 0.8.2 リリースと変更点” などでご紹介していますので、そちらをご参照ください。 今回の 0.8.3 アップデート内容は主に下記の通りです。 コンパイラーの改良 ‘this’ typing, external modules, scoping 等のバグ Fix コンパイラーのパフォーマンス向上 Node を使用した場合の規模の大きいプロジェクトにおける IO バッファリングの向上 Visual Studio デバッガーの改良 TypeScript のソースレベルデバッグがサポートされ、実行中の IE へアタッチして TypeScript をリモートでデバッグ可能となりました。下記スクリーンショットは、TypeScript を使ったアプリケーションの実行中の IE インスタンスにアタッチして ts…


3/16 は OITEC & ヒーロー島合同勉強会 in 岡山 ~ Web テクノロジー Day ~ !

初の岡山登壇です! 来月の 3 月 16 日(土)に開催される OITEC & ヒーロー島合同勉強会で Visual Studio 2012/ASP.NET/TypeScript などの Web 開発のお話をさせていただくことになりました。 OITEC & ヒーロー島合同勉強会 in 岡山 2013 Mar ~ Web テクノロジー Day ~ お申込み・詳細はこちら: http://kokucheese.com/event/index/75561/ Web テクノロジー Day ということで、下記の内容でたっぷり2時間もいただけたので、デモを中心にいろいろとご紹介できると思います。 セッション タイトル: Visual Studio 2012 Web 開発 ~ One ASP.NET から TypeScript まで ~ 概要: "One ASP.NET" と呼ばれるビジョンのもとで、新たに SignalR や Web API、Single…


プログラミング生放送勉強会で TypeScript を紹介します

3 月 9 日(土)に開催される 第 20 回 プログラミング生放送勉強会(通称:プロ生勉強会)で、TypeScript のお話をさせていただくことになりました。 プログラミング生放送勉強会 第20回@品川 #pronama http://atnd.org/events/36822 会場:日本マイクロソフト 品川オフィス セミナールーム C+D 懇親会の申し込み http://atnd.org/events/36823 昨日のデブサミの登壇が終わって、次回のイベント登壇まで少し時間があるかなーと思いつつ、集客サイトを見たらもうすでに 70 名の参加登録が・・・!(さすがの集客力) ということで急きょ、私のブログでもご紹介させていただきました。お申込みはお早目に~ (プロ生ちゃんに会えるのかな・・・)