SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Windows Azure新機能チュートリアル

Windows Azure Webサイトで利用するNode.js

Windows Azure 新機能チュートリアル(17)

WebMatrix 2から利用する

 WebMatrixとはマイクロソフトが提供する無償の簡易Web開発環境で、簡単にWebアプリケーションが構築できるツールです。WebMatrix 2はその後継ツールで、9月中旬に正式版の提供が開始されています。WebMatrix 2ではNode.jsのテンプレートが追加されており、これとWebサイトを組み合わせることによって、簡単にNode.jsアプリケーションをAzure上で実行できます。ここではWebMatrix 2でNode.jsテンプレートを利用したWebサイトへの発行まで解説します。

1. WebMatrix 2の起動

 管理ポータルからもWebMatrix 2を起動できますが(注1)、ここから起動するとNode.jsのテンプレートが適用されません。別途、スタートメニューから起動してください。スタート画面が表示されるため、テンプレートを選択します(図5)。

図5 WebMatrix 2スタート画面
図5 WebMatrix 2スタート画面

注1

 WebMatrix 2がインストールされていない場合、インストーラーが起動してインストール完了後に起動してしまいます。スタンドアロンでインストールし起動する場合には、Web Platform Installer経由でインストールしてください。

2. Node.jsテンプレートの選択

 Node.js用テンプレートはあらかじめ3種類用意されており、それぞれEmpty Site/Express Site/Starter Siteです(図6)。

図6 テンプレート選択画面
図6 テンプレート選択画面

 各テンプレート概要は下表のとおりです。ここではStarter Siteを選択します。

表1 各テンプレート概要
テンプレート名 概要
Empty Site server.jsでHTTPサーバーを起動するだけの空サイト
Express Site ExpressフレームワークとJadeテンプレートを組み合わせたひな形サイト
Starter Site Expressをベースにログインフォームやチャットデモなどアプリケーションのひな形サイト

3. サイトの確認

 図7はStarter Siteを作成しserver.jsを開いたところです。ローカルで実行確認するには、[実行]ボタンを押すだけですぐに動作確認することができます。

図7 Starter Site 編集画面
図7 Starter Site 編集画面

4. 発行の設定

 作成したStarter SiteをWebサイトと紐づけ、発行の準備を行います。管理ポータルのWebサイト管理画面から[Download publish profile]を選択し、発行プロファイルをダウンロードします(図8)。

図8 発行プロファイルのダウンロード
図8 発行プロファイルのダウンロード

 次にWebMatrix 2から[ホーム]タブを選択し[発行]ボタンをクリックすると、発行の設定ダイアログが開きます。右側の一般的なタスクから、[発行の設定のインポート]を選択し、先ほどダウンロードした発行プロファイルを選択すると必要な情報が読み込まれます(図9)。[保存]ボタンをクリックし、後はウィザードの指示に従って設定を行えば完了です。

図9 発行の設定画面
図9 発行の設定画面

5. Webサイトの確認

 発行の設定を行うと、実際にWebサイトに構成物が配置されます。ブラウザで開き確認してください(図10)。

図10 発行後のWebサイト画面
図10 発行後のWebサイト画面

 WebMatrix 2を使えばローカル環境でNode.jsアプリケーションを簡単に開発でき、それらをWebサイトに発行することができます。ただしWebロールなどのようにステージング環境がないため、直接運用環境への配置となることに注意してください。

次のページ
Gitから利用する

この記事は参考になりましたか?

Windows Azure新機能チュートリアル連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト statemachine(statemachine)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/6775 2012/10/03 14:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー