[速報]マイクロソフトがASP.NETでTwitter Bootstrap、Ember.jsなどを採用。Visual StudioではCSS3の対応ブラウザをその場で確認。Build 2013(Day2)

2013年6月28日

マイクロソフトがサンフランシスコで開催中のイベント、Build 2013。2日目の基調講演はデベロッパー向けのツールとプラットフォームがテーマになりました。

2日目の基調講演から、Visual StudioとWindows Azureの新機能を中心にダイジェストで紹介しましょう。

IaaS、PaaS、多くのフレームワークや言語に対応するWindows Azure

President, Server&Tools Business、Satya Nadella氏。

fig

昨日はおもにデバイスとWindowsについて話したが、今日はバックエンドについて話そう。

現代のビジネスにおけるクラウドアプリケーションのカギはこの3つ。Webセントリック、モバイルセントリック、そしてクラウドスケールだ。

fig

Windows Azureは、これらに対応したアプリケーションのための強力なプラットフォームになる。Windows AzureにはIaaS、PaaSのいずれの機能も備え、アイデンティティの統合やプロセスの統合、SQL、NoSQLデータベース、MapReduceなどさまざまなストレージ機能もプラットフォームとして統合。

さらに強力な開発ツールであるVisual Studioとプログラミング言語を備えており、Java、Node.js、PHPなどにも対応する。

fig

新しいASP.NETではTwitter Bootstrap採用、デフォルトに

Windows AzureのWeb Sites機能を紹介しよう。これはエンタープライズのためのWebサイトに最適なインフラだ。

fig

新しいASP.NETは1つに統合され、リッチなWebアプリケーションからシングルWebページまでサポートする。

fig

Visual Studio 2013から、ASP.NETのWebアプリケーションを作ってみよう。

fig

どんな種類のWebアプリケーションを作るか、今回はMVCタイプのアプリケーションを作ってみる。

fig

自動的に骨組みとなるアプリケーションを生成してくれる。

fig

Visual Studio 2013では、Internet Explorer以外のブラウザもプレビューのデフォルトブラウザにできる。ここではChromeとInternet Explorerを設定してみよう。

fig

2つのブラウザで表示される。新しいASP.NETではTwitter Bootstrapがバンドルされ、デフォルトとなっている。

fig

Visual Studioの画面でCSS命令ごとに対応ブラウザを確認

ここでWindows AzureのWeb Sites機能で、Webサイトを作っておこう。

Windows AzureのコンソールからCompute-Web Site-Quick Createとメニューを選択し、サイト名を入力すればいい。

fig

Visual Studioに画面を戻そう。ここで選んだテンプレートにはMVCフレームワークのember.jsとテンプレートエンジンのhandlebars.jsが標準で含まれている。

(追記 6:28 9:55 ember.jsのテンプレートは別途ダウンロードが必要なようで、Visual Studio 2013の標準には含まれていないようです。上記を一部変更しました。すいません)

fig

シンタックスハイライティングなども対応している。

fig

Visual StudioでのCSSファイルのエディタ画面では、CSSの命令を選ぶと、それがどのブラウザのどのバージョンで使えるかを表示してくれる。

fig

ひととおりできたら、先ほどWindows Azureに作ったWebサイトにデプロイしよう。Visual Studioのサーバエクスプローラから、Windows AzureのWeb Sitesのgeekホニャララを選択。これでクラウドにデプロイされる。

fig

Visual Studio 2013と.NET 4.5.1はプレビュー公開だ。

fig

≫次の記事「 [速報]Windows AzureのモバイルサービスでiOSアプリを自動生成。オートスケール機能、Active Directory機能も追加。Build 2013(Day2)」に続きます。

Build 2013

関連記事

以下の記事はタイアップ記事ですが、Windows Azureの新機能「Windows Azure仮想マシン」を詳しく解説しています。

このエントリーをはてなブックマークに追加
follow us in feedly

タグ : Microsoft , Visual Studio , Windows Azure , クラウド , 開発ツール



≫次の記事
[速報]Windows Azure、モバイルサービスでiOSアプリを自動生成。オートスケール機能、Active Directory機能も追加。Build 2013(Day2)
≪前の記事
企業内サーバのIPアドレスは全部そのままクラウドへ移行。SDN/OpenFlowを活用した新サービス、NTTコミュニケーションズが開始

Loading...

Blogger in Chief

photo of jniino Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。新しいオンラインメディアの可能性を追求しています。
詳しいプロフィール


Publickeyの新着情報をチェックしませんか?
Twitterで : @Publickey
Facebookで : Publickeyのページ
RSSリーダーで : Feed



Publickey 最新記事 10本

Publickey Topics 最新記事 10本


PR - Books


fig

fig

fig

fig