[速報]マイクロソフトが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 Azure / Web技術 / 開発ツール / Microsoft / Visual Studio



タグクラウド(β版)

クラウド / AWS / Azure / Google Cloud
コンテナ / Docker / Kubernetes
クラウドネイティブ / サーバレス
クラウド障害 / 運用・監視

プログラミング言語 / 開発ツール
JavaScript / Java / .NET / WebAssembly
HTML/CSS / Web標準

アジャイル開発 / スクラム / DevOps / CI/CD
ソフトウェアテスト・品質
ローコード/ノーコード開発

データベース / RDB / NoSQL / 機械学習・AI
Oracle Database / MySQL / PostgreSQL
Office / 業務アプリケーション

ネットワーク / HTTP / QUIC / セキュリティ
OS / Windows / Linux / VMware
ハードウェア / サーバ / ストレージ

業界動向 / 働き方 / 給与・年収
編集後記 / 殿堂入り / おもしろ

全てのタグを見る

Blogger in Chief

photo of jniino

Junichi Niino(jniino)
IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。
詳しいプロフィール

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


最新記事10本