AzureのAppServiceを使ってobnizを動かしてみました！)

<span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><span  style="color: rgb(255, 255, 255);"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 18.06px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: transparent; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Hiragino Kaku Gothic Pro&quot;, Meiryo, &quot;MS PGothic&quot;, sans-serif; display: inline !important;">この記事は</span><a  style="background: none; text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif; font-size: 18.06px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; word-wrap: break-word; orphans: 2; -webkit-text-stroke-width: 0px;" href="https://qiita.com/advent-calendar/2018/obniz">obniz Advent Calendar 2018</a><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 18.06px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; background-color: transparent; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Hiragino Kaku Gothic Pro&quot;, Meiryo, &quot;MS PGothic&quot;, sans-serif; display: inline !important;"> 19日目の記事です。</span></span></span><span  style="color: rgb(255, 255, 255);"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><br />AzureのAppServiceを使ってobnizを動かしてみました！</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br /><span  style="font-size: 150%;"><h2>・初めに</h2></span><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; display: inline; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial;"><b>今年のアドベントカレンダーを書くに辺りQiita側に記事1本も上げてないのはどうなんだろうと思い、去年外部サイトに書いた記事をこちらに移植しました。</b>
なぜAzureなのかというとobniz公式さんのサイトにはAWSでのやり方は書いてあったのですが、調べてもAzureでやっている人が見つからなかったからなかったのと、VisualStudioという強力なIDEを使って楽々開発したかったからです。<br />またこの記事は前に自分が書いた記事をまとめて加工したものになります。本来obnizを使って別のことをやりたかったのですが、Azureを使ってやりたいという需要がもしあった時に参考にできるような記事が今のところ見つからないためこのテーマを選びました。</span><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><br /><br /><span  style="font-size: 150%;"><h2>・自分に関しても少しだけ</h2></span>元々マイコンに関しては遊びでArduinoを触っていただけでWeb系に関しては全く分からず、javascriptはHello world程度しか触ったことがないです。Node.jsが何かもまったくわからない＋またクラウドも全然わからない(笑)のため至らない点も多いで細かい点はご容赦願います。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">ですがそんな自分でも出来たので、そこまで難しくはないんじゃないかなと思います。</span><br /><br /><br />↓以下本文<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">※OSはWindows10、Visualstudioは2017のcommunityを使用しています。</span><br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">まずAzureはMicrosoftがやっているクラウドサービスです。登録の仕方などはどこにでも載っていると思うので登録出来ている前提で始めていきます。この先選択を間違えると課金が発生してしまうこともあるのですべて自己責任でお願いします。</span><br /><a  href="https://azure.microsoft.com/ja-jp/" target="_blank">https://azure.microsoft.com/ja-jp/</a><hr><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">1.まずポータル(トップページみたいなもの)にログインし、リソースの作成を選ぶとこんな画面が出てきます。</span><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">この中からWebAppを選択してください。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/c/7/c79f0e4a.jpg" target="_blank"><img  width="480" height="457" class="pict" alt="2018-11-04_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/c/7/c79f0e4a-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>2.次に出るのはこの画面です。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">・アプリ名はてきとうな名前を付けましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">・サブスクリプションは適当なものを選択しましょう。(サブスクリプションについては絶対に他の人に伝わらないようにしてください。サブスクリプションの公開でググるとミスして公開しちゃった人が恐ろしい額の請求を受けた体験談が見られます。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">・リソースグループもてきとうで大丈夫です。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">・OSと公開はデフォルトで。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">・プランはfreeのものを選ぶとお金がかからないはずです。※はずです。場所はとりあえず日本のどこかにしておきましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;">終わったら作成をクリックします<span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (1)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/b/c/bc5c79b5.jpg" target="_blank"><img  width="480" height="687" class="pict" alt="2018-11-04 (1)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/b/c/bc5c79b5-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>3.あとはデプロイ?されるのを待つだけです。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">この後の作業ではVisualStudioが必要になります。無料のやつをダウンロードしてください。</span><br /><a  href="https://visualstudio.microsoft.com/ja/vs/" target="_blank">https://visualstudio.microsoft.com/ja/vs/</a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>4.Visualstudioを開きましょう。初めの画面にある「新しいプロジェクトの作成」か左上のメニューのファイル→新規作成→プロジェクトを選択しましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">そうなると下のような画面が出るので左メニューにある「JavaScript」の「Node.js」を選択。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">その中から「空のAzure Node.js Webアプリケーション」を選択。名前等はデフォルトでも構いません。出来たらOKを押しましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><img  width="480" height="332" class="pict" style="background-position: 0% 0%; margin: 0px 5px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;" alt="2018-11-04 (2)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/2/4/248468fa-s.jpg" border="0" hspace="5"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>5.とりあえずこんな感じの画面が出てくるのでデフォルトのままクラウドにあげてみましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">(画像のコードはデフォルトではないですが無視してください。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">右のメニューにあるプロジェクトを右クリックして、その中にある発行を選択してください。<br />(その前にビルドが必要かもしれないです。上のメニューバーのビルドからソリューションのビルドを行ってください。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><img  width="480" height="270" class="pict" style="background-position: 0% 0%; margin: 0px 5px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;" alt="2018-11-04 (13)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/0/0/00552a5a-s.jpg" border="0" hspace="5"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>6.この画面が出てきます。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">Microsoft Azure App Serviceを選択してください。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (14)" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/5/3/53d94b50.png" target="_blank"><img  width="480" height="379" class="pict" alt="2018-11-04 (14)" src="http://livedoor.blogimg.jp/shobel1/imgs/5/3/53d94b50-s.png" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>7.次はこの画面もしかしたらこの画面の前にサインイン画面になるかもしれないので、</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">その場合はサインインしてください。(Azure登録時にたぶんマイクロソフトを作成するのでそれを使用してください。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">サブスクリプション、表示はコンボボックスから選択できるやつから適当なものを選択しください・</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">その下の画面に作成したAppServiceの名前が出てくると思うので、選択しOKを押してください。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (16)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/1/a/1a5bfeca.jpg" target="_blank"><img  width="480" height="360" class="pict" alt="2018-11-04 (16)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/1/a/1a5bfeca-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>8.その次の画面。デフォルトでいいと思います。宛先URLが接続する際に必要になるURLです。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">次へを選択しましょう。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (17)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/5/8/589ad4a4.jpg" target="_blank"><img  width="480" height="379" class="pict" alt="2018-11-04 (17)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/5/8/589ad4a4-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>9.次の画面です。このまま次へを選択(構成がビルド次第で変わるためReleaseでダメな場合はDebugを選択してくさい。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (18)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/b/8/b802e6e3.jpg" target="_blank"><img  width="480" height="379" class="pict" alt="2018-11-04 (18)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/b/8/b802e6e3-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><hr>10.次の画面。プレビューは名前の通りの機能です。試してもいいかもしれません。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">ここで発行を押すとクラウドにUPされます。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><a  title="2018-11-04 (19)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/6/1/6116894a.jpg" target="_blank"><img  width="480" height="379" class="pict" alt="2018-11-04 (19)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/6/1/6116894a-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">宛先URLに書いてあったURLにアクセスするとHello Worldと書かれたページが出てくるはずです。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">(多分発行したら勝手に出てきます。)</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">これでNode.jsをクラウド上で動かせたはずです。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br /><hr>長かったですが、ここまでがNode.jsをAzure上で動かすまでになります。ここからいよいよobnizの登場です！<span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;"><br /><br /><div  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><hr>まず作成したデフォルトのプロジェクトにnpmを追加します。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">npmは自分もよくわかっていませんがライブラリみたいなものと認識しています。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">obniz用のnpmがあるのでそれを取り込んでいきます。<br /><hr>↓実際のやり方<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">visual studioで前回のプロジェクトからソリューションエクスプローラーのプロジェクト下にnpmがあるので右クリックします。その中に「新しいnpmパッケージをインストールする」があるのでクリックします。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="2018-11-04 (7)_LI" href="http://livedoor.blogimg.jp/shobel1/imgs/d/e/de50cd48.jpg" target="_blank"><img  width="480" height="453" class="pict" alt="2018-11-04 (7)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/d/e/de50cd48-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>クリック後、検索窓が出てくるので「obniz」と入力します。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">入力すると下記のような表示になります。「obniz」を選んで「パッケージのインストール」をクリック。あとはインストールが終わるのを待つだけです。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="2018-11-03" href="http://livedoor.blogimg.jp/shobel1/imgs/4/b/4b640de2.png" target="_blank"><img  width="480" height="345" class="pict" alt="2018-11-03" src="http://livedoor.blogimg.jp/shobel1/imgs/4/b/4b640de2-s.png" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>ここからようやくコードを書いていく作業に入ります。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">プロジェクトがデフォルトのままなら右のソリューションエクスプローラーに<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">server.jsという名前のファイルがあります。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">ダブルクリックして開いてください。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>そこの元のコードを消して以下のコードをコピペしてください。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">

```server.js

'use strict';
var http = require('http');
var port = process.env.PORT || 1337;
var fs = require('fs');
http.createServer(function (req, res) {
    fs.readFile('./Page1.html', 'UTF-8', function (err, data) {
        res.writeHead(200, { 'Content-Type': 'text/html' });
        res.end(data);
    });
}).listen(port);

```

<hr>Node.jsを全く知らないためてきとうに調べて書いたコードですが、何となくいらない部分がある気がします。このコードはhtmlファイルを読み込む処理が書かれてるだけです。「Page1.html」というファイルが読み込むファイルです。次はこのhtmlファイルをプロジェクトに追加します。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>下の画像にあるようにプロジェクトを右クリックして「追加」→「新しい項目」を選択します。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="2018-11-04 (8)_LI" href="http://livedoor.blogimg.jp/shobel1/imgs/0/f/0f3c17f5.jpg" target="_blank"><img  width="480" height="402" class="pict" alt="2018-11-04 (8)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/0/f/0f3c17f5-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>下の画像のような画面が表示されるのでHTMLファイルを「Page1.html」のまま追加します。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">(下にスクロールしないとHTMLファイルが出ないかも)<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="2018-11-04 (9)" href="http://livedoor.blogimg.jp/shobel1/imgs/d/2/d28f32da.png" target="_blank"><img  width="480" height="329" class="pict" alt="2018-11-04 (9)" src="http://livedoor.blogimg.jp/shobel1/imgs/d/2/d28f32da-s.png" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>右のソリューションエクスプローラーに「Page1.html」が追加されているのでダブルクリックして、<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">さっきと同じように元のコードを消して下記のコードをコピペしてください。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">

```HAML:Page1.html
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
    <script src="https://unpkg.com/obniz@latest/obniz.js"></script>
    <style>
        #on {
            padding: 35px;
        }
        #off {
            padding: 35px;
        }
    </style>
</head>
<body>
    <div id="obniz-debug"></div>
    <h1>LED Switch</h1>
    <button id="on">ON</button>
    <button id="off">OFF</button>
    <script>
        var obniz = new Obniz("ここに番号");
                        obniz.onconnect = async function () {
                         var led = obniz.wired("LED", {anode: 0, cathode:1});
                        $("#on").on("click",function(){
                            led.on();
                        });
                        $("#off").on("click",function(){
                            led.off();
                        });
                      };
    </script>
</body>
</html>
```
<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>obnizを触ったことがある人なら誰でも見たことあるLチカのコードです。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">ほぼチュートリアルのままです。(ボタンサイズだけ少し大きくしています。)<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">※「ここに番号」のところに自分のobnizの番号を入れてください。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">htmlを使わずにNode.jsでLチカも頑張ればできそうだったんですが、めんどくさかったのでNode.jsでHTMLを読み込む方式にしました。(たぶん邪道)<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><hr>出来たら<span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial; display: inline !important;">(左上のコンボボックスがDebugになっている場合はReleseに変更してください)</span>メニューバーのビルドからソリューションのビルドを選択して前と同じように発行からAzure上にデプロイするだけです。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">前と同じURLにアクセスすると下の画像のような画面になるはずです。もちろんスマホからでもアクセスできます。(下記の画面はlocalで接続しています。)<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="2018-11-04 (13)_LI" href="http://livedoor.blogimg.jp/shobel1/imgs/f/a/fa000fd2.jpg" target="_blank"><img  width="480" height="158" class="pict" alt="2018-11-04 (13)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/f/a/fa000fd2-s.jpg" border="0" hspace="5"></a><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;"><a  title="P_20181104_234249" href="http://livedoor.blogimg.jp/shobel1/imgs/b/5/b5dea746.jpg" target="_blank"><img  width="240" height="180" class="pict" alt="P_20181104_234249" src="http://livedoor.blogimg.jp/shobel1/imgs/b/5/b5dea746-s.jpg" border="0" hspace="5"></a><br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">ON、OFFを押すとLチカできるはずです。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">これでobnizの公式ページ上からではなく、自分で建てたAzure上のApp Serviceを経由してobnizを操作することができるようになりました。<br /><br />※試し終わったら下記の画像のようにAzureのポータルに入りましょう。<br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; display: inline; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial;">その中で左のメニューのApp Service→自分で作成したApp Serviceを選択！→この画面の上にある停止のところをクリックするとサービスを停止させることができます。</span><span  style="color: rgb(255, 255, 255);"><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; display: inline; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial;">この手順で何をしているか</span><span  style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; display: inline; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px; font-family: Arial;">よくわからないと思った人はとりあえず手順に従ってサービスを停止させたほうがいいと思います。</span><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"></span><a  title="2018-11-06 (1)_LI" style="text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: underline; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;" href="http://livedoor.blogimg.jp/shobel1/imgs/e/9/e9d2a489.jpg" target="_blank"><img  width="480" height="216" class="pict" alt="2018-11-06 (1)_LI" src="http://livedoor.blogimg.jp/shobel1/imgs/e/9/e9d2a489-s.jpg" border="0" hspace="5"></a><br /><br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">obnizを動かすことはAWSや他のクラウドでも出来ると思いますが、自分はvisual studioから簡単にデプロイできるのが気に入りAzureを使いました。<br />とても長かったですが、VisualStudioが使えると開発が多少楽になると思います。<br />個人的にobnizは今までのマイコンボードとは違ったベクトルのマイコンボードでとても面白いと思うので盛り上がっていってほしいです！<br /><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; background-image: none; font-family: Arial; background-repeat: repeat; background-attachment: scroll; min-height: 0px; background-clip: border-box; background-origin: padding-box; background-size: auto;">今回やったことは基本的に下記のページとにらみ合いながらやりました。参考にしてみてください。<a  href="https://docs.microsoft.com/ja-jp/azure/cloud-services/cloud-services-nodejs-develop-deploy-app" target="_blank">https://docs.microsoft.com/ja-jp/azure/cloud-services/cloud-services-nodejs-develop-deploy-app</a></div></span><b></b><i></i><u></u><sub></sub><sup></sup><strike></strike><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"><br  style="background-position: 0% 0%; margin: 0px; padding: 0px; text-align: left; background-image: none; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Arial; font-size: 16px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; background-repeat: repeat; background-attachment: scroll; word-spacing: 0px; white-space: normal; min-height: 0px; orphans: 2; background-clip: border-box; background-origin: padding-box; background-size: auto; -webkit-text-stroke-width: 0px;"></span><br />