スマートフォン用の表示で見るさんごー日記。映画や本やゲームの感想をゆるく記録したり、プログラミングの勉強をゆるく記録するゆるい日記です。Azureを使ってNode.jsの学習をしようと思ったいろいろ触り始めました。Appの環境を作り、VisualStudioで作ったソリューションをデプロイするところまでの手順です。Azureのアカウントを作るアカウントを作っておきます。細かい説明は省きますが、難しいことは無いでしょう。アカウントを作るだけならお金はかかりませんが、アカウント作成にはクレジットカード情報の入力を求められます。Appの環境を作っていきます。今回はAzureポータルの画面から作ります。Azureなかなかオシャレなデザインになっています。Windows10のデザインと統一されている感じですね。ダッシュボードには好きなアイテムを好きな場所に置けるようになっています。Appを作成するための情報を入力します。重複負荷なので一意な名前をつけましょう。無料のプランを選びます。Serviceプランを作成します。アプリのデプロイに必要になる環境です。Free」を選びます。Serviceプランの名前は任意のものを選びます。Westなど自分の住んでいる場所に近いものを選ぶと良いでしょう。Appの作成ボタンを押せばAzure側の作業は完了です。VisualStudio2017でnode.jsのプロジェクトを作成するVisualStudioのダウンロードサイトから、VisualStudioCommunityという無償版のパッケージを入手します。ダウンロードしたら適当にインストールしましょう。StudioVisualStudioはわりと細かくバージョンが変わっていくので、この情報もすぐ古くなるかもしれません。VisualStudioを起動して、プロジェクトを作ります。アプリケーション」を選びます。プロジェクト(ソリューション)が作れました。ソリューションエクスプローラーのプロジェクト名のコンテキストメニューから、「公開」を選びます。発行ダイアログが表示されます。Service(A)」というやつを選びます。Serviceの選択ダイアログが出るので、Microsoftアカウントにサインアップし、先ほど作ったAppServiceを選択します。発行ダイアログに戻ってきます。変えるところは無いと思います。発行ダイアログの次に進みます。ここも特にいじる所は無いと思います。プレビュー画面が表示されます。真ん中の「プレビューの開始」を押してみます。ファイルのリストがズラっと出てくれば成功です。ここで何も出てこないようだと公開は上手くいきません。原因はよくわかりません...2017.06.13追記:公開に失敗する原因が分かったので記事を書きました。アプリケーション」の公開に失敗する件の原因と対策らしきモノ発行を実行し、成功するとブラウザが自動的に立ち上がって結果を確認することが出来ます。Appへの発行はファイルの転送とnode.jsの起動を自動的にやってくれるようです。便利だけど裏で何をしているのか良く分からない気持ち悪さも感じるのは私だけでしょうか。AppとVisualStudio2017を使ったnode.jsアプリのデプロイでした。次はいろんなサンプルプログラムを打ち込んだりして何がどうやってできるのか確認していくとしよう。#4勉強がてらWebサイトを作るその4。勉強がてらWeb...2017-06-25無職生活。WebAppで無料データベースを使う方法。2017/06/24の食費1057円...Webアプリケーションを作って公開しようと思うとどうしてもどこ...2017-06-17VisualStudio2017で任意の拡張子のファイルにエディタを割り当てる方法メモVisualStudio2017で任意の拡張のファイルに任意のエディタを割...2017-06-15無職生活。Node.jsをいじりながら、会社を辞めた理由を振り返る日。アプリケ...VisualStudio2017でNode.jsのお勉強をしようと思い、いろいろい...シェアするBookmark!FacebookTwitterGoogle+PocketPRこのブログは、管理人の「さんごー」が株式投資、プログラミング、映画やゲームなどの趣味について書き綴っている雑記ブログです。最近は脱社畜、フリーランスエンジニアを目指しながら、副業として株式投資を学んでいます。映画鑑賞や読書、ゲームも大好きなので、レビューや攻略日記を書いたりもします。よろしければ読者登録、ツイッターフォローして頂けるととても励みになります。