10 月開催 ASP.NET MVC ハンズオン セミナーのお知らせ

以前に このブログ でもご紹介した、マイクロソフト イノベーション センターで開催しているスキルアップ カリキュラムの「ハンズオン セミナー ASP.NET MVC 編」の 10 月開催が決まりました。 詳細・お申込み : ハンズオン セミナー ASP.NET MVC 編 日時:2013 年 10 月 24 日(木)13:30 – 17:00 会場:マイクロソフト大手町テクノロジーセンター セミナールーム 先月 9 月にスタートしたこの ASP.NET MVC セミナーですが、前回はキャンセル待ちも含め、あっという間に満席になってしまっていましたので、お申込みはお早目に・・・ なお、この 10 月 24 日は .NET Week まっただ中ですが、こちらも合わせて、ご参加をご検討いただけると幸いです。

0

ASP.NET MVC ハンズオン セミナーのお知らせ

マイクロソフト イノベーション センターでは、スキルアップ カリキュラムと題してさまざまな無償セミナーを定期的に開催しています。 ◇ スキルアップ カリキュラム – 受付中のセミナー このセミナーの一つに、ご要望の多かった ASP.NET MVC のハンズオン セミナーが加わりました。 詳細・お申込み : ハンズオン セミナー ASP.NET MVC 編 日時:2013 年 9 月 19 日(木)13:30 – 17:00 会場:マイクロソフト大手町テクノロジーセンター セミナールーム 講師は、現在イノベーション センターで大活躍の衣川さんです。 ASP.NET MVC の開発を検討されている方や、ASP.NET MVC の基礎を学びたい方など、ぜひご参加をご検討いただけると幸いです。

0

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…

0

Vanilla JS 使ってる?(JavaScript の高速化)

jQuery, Prototype JS など、いろいろな JavaScript ライブラリがある中で、Vanilla JS はご存知ですか? Vanilla JS : http://vanilla-js.com/ Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. 何はともあれ使ってみようということで、Vanilla JS サイトでとりあえずすべての機能にチェックしてダウンロード。。。 あれれ? Final Size が 0 バイト!? サイズが 0 バイトなら、スクリプトを読み込む必要もない訳で。。。 それもそのはず、この Vanilla JS とは、つまりはプレーンな JavaScript API な訳です。軽量だし超高速だし素晴らしい!! ある意味この Vanilla JS はネタ(ジョーク)ですが、見かたを変えれば、本当に軽量で高速な JavaScript Web アプリを作りたければ、パフォーマンスがクリティカルな部分ではプレーンな JavaScript を使うべき、ということです。 jQuery…

0

Visual Studio 2012 の jQuery インテリセンスとコード スニペット

先日、新野さん記事 “Publickey: jQueryの利用率はWebサイト全体の55%。使わないサイトの方が少数との調査結果。W3Techs” を読みつつ、やっぱり jQuery だよなーなんて改めて思っていました。 先日の TypeScript セッションで使った、 "No one writes JavaScript anymore. They write jQuery." なんて言葉を思い出しつつ、そういえば Visual Studio 2012 での jQuery のインテリセンスとコードスニペットについてまだ紹介していないことに気付き、さっそく本ブログで書いてみます。 ● jQuery のインテリセンス(コード補完) 今や JavaScript ライブラリのスタンダードとなった jQuery をもっと簡単に使えるように、Visual Studio 2012 ではインテリセンス対応が行われています。 下記のように、Script フォルダに _references.js というファイルが追加されていて、この中ではインテリセンス対応のための各ライブラリファイルへの参照が記述されています。 _references.js /// <reference path="jquery-1.7.1.js" />/// <reference path="jquery-ui-1.8.20.js" />/// <reference path="jquery.validate.js" />/// <reference path="jquery.validate.unobtrusive.js" />/// <reference path="knockout-2.1.0.debug.js"…

0

TypeScript セッションスライド公開しました

こちら でご紹介しましたクラウド研究会が昨夜開催されました。ご参加いただきましたみなさま、大変ありがとうございました。 私の方で実施した TypeScript のセッションスライドを下記にて公開しましたので、ご参照いただけると幸いです。 TypeScript ファーストステップ ~ Any browser. Any host. Any OS. Open Source. ~ from chack411 実際に TypeScript を使い始めると、C# や C++ などを書いている感覚で簡単に JavaScript コードを生成(コンパイル)することができるので、コーディングが楽しく感じられます。 開発環境も、コマンドライン、WebMatrix 2、Visual Studio 2012 に加えて、ちょっと試したいときは、TypeScript – Playground からブラウザベースで簡単に試すこともできます。 今や Web 開発には必須となっている JavaScript プログラミングにおいて、特に大規模開発などでの生産性向上に向けた一つの答えが、この TypeScript になるのかもしれません。今後が楽しみです。

0

Project Liike: モダン モバイル Web アプリ開発ガイダンス&サンプルコード公開です!

昨年の 9 月からおよそ 3 ヶ月間、私がマイクロソフト米国本社の勤務でご一緒させていただいたモバイル向けアプリケーション開発のためのガイダンスプロジェクト Project Liike (リーケ) のドキュメントとサンプルコードが US の MSDN サイトで公開になりました!(関連ブログポストは こちら) ~ Building Modern Mobile Web Apps ~ モダン モバイル Web アプリケーション開発ガイダンス ドキュメント: http://msdn.microsoft.com/en-us/library/hh994907 サンプルコード: http://www.microsoft.com/en-us/download/details.aspx?id=29984 以前から公開されていた Project Silk: モダン ブラウザのためのクライアント サイド Web 開発ガイダンス のモバイル版となるこのガイダンスは、基本的に HTML5, CSS3, JavaScript をベースとしたクライアントサイド中心開発のドキュメント&サンプルコードとなっています。 Single Page Application (SPA) のアーキテクチャーを活かしたモバイル向け Web アプリケーションの開発にとても参考になると思います。 ※ 残念ながら ASP.NET MVC 4 のプロジェクトテンプレートからは…

0

モバイル開発のお供 ~ デバイス エミュレーター ~

ゴールデン・ウィーク、終わっちゃいました。。。という訳で、休み明けの最初のブログは少し軽めのネタで行きましょう。 先日の Windows Developer Days の私のセッション でもご質問を受けたデバイス エミュレーターについて少しだげご紹介します。 モバイル向けアプリケーション開発では必須ともいえるエミュレータですが、みなさんは何をお使いでしょうか? 私がデモなどで使用しているものは下記の通りです。 ★ Windows Phone 言わずもがな、Windows Phone SDK に含まれている Windows Phone Emulator を使用しています。若干癖があるのも確かなのですが、よくできていると思います。 ちなみに起動時の既定では PC のキーボードからの入力ができませんが、Pause キーで PC キーボードからの入力 (英語配列) 出来るようになります。   また、Windows Phone 7 Emulator Skin Switcher を使うと、上記のようにスキンを変更することができます。 ★ iOS iOS 系のエミュレーターはいくつかありますが、私が使用しているのは Electric Plum の Electric Mobile Simulator です。 無償版と有償版 ($29.99) があります。私は、書籍のスクリーンショットやセッションデモなどの関係で一応は有償版を使用していますが、無償版でも十分使えると思います。iPhone と iPad の表示が可能です。  …

1

ASP.NET MVC と QUnit で JavaScript の単体テストをおこなう

こちら でご紹介した patterns & practices: Project Silk では、JavaScript の単体テストに jQuery で使われている QUnit が採用されています。JavaScript のニーズが非常に高まっている中、その JavaScript コードのテストをどのようにおこなうか、といったことも Web アプリケーション開発ではしっかりと考えていかなければなりません。 単体テストでは「テストコードを書く」といった作業が発生しますが、一度テストコードを書いておけば、そのテストコードが対象とするコードを変更しても短時間で検証をおこなうことができます。特に JavaScript では、jQuery などの外部ライブラリを使うことが多くなってきており、そういった外部ライブラリのアップデートに起因する、意図しない不具合も起こりえます。 そこで今回は、QUnit を Visual Studio 2010 と ASP.NET MVC プロジェクトで使用する方法をご紹介します。 1. QUnit ライブラリのプロジェクトへの追加 QUnit を手動でプロジェクトに追加することも可能ですが、Visual Studio 2010 では NuGet パッケージとして公開されていますので、NuGet 経由で簡単にプロジェクトに追加することができます。 パッケージ名: QUnit for ASP.NET MVC ID: QUnit-MVC a) [ツール] – [Library Package Manager]…

0

VSUG Day & 札幌 IT 技術者向けセミナーのセッション資料を公開しています

1 月 28 日(土)に開催された VSUG Day 2012 Winter と、先日 2 月 10 日(金)に札幌で実施した IT 開発者向けセミナーのセッション資料を SlideShare にて公開しています。 ★ 1/28 – VSUG Day 2012 Winter patterns & practices "Project Silk" に見る HTML5 とモダンブラウザのための Web 開発の今後 View more presentations from chack411 ★ 2/10 – IT 開発者向けセミナー「Web & Windows アプリケーション開発最前線 ~ マイクロソフト技術最新情報 ~」 マイクロソフトWeb開発の今と今後 View more presentations from…

0