技術書展8にて出典していた技術本をBOOTHにて販売開始しました。（対応が遅れてしまい申し訳ありませんでした。。。）

<p>技術書展8にて出典していた技術本「WebRTCとngrokを使用したリアルタイムビデオチャットWEBアプリの作成」 </p>
<p> </p>
<p><span style="text-decoration: underline; font-size: 200%;"><a href="https://kasata.booth.pm/items/2067296">BOOTHにて販売開始しました！</a></span></p>
<p> </p>
<p>継続して販売して欲しいという要望をいただいていたのに対応が遅れてしまい申し訳ありませんでした。</p>
<p> </p>
<p>本書から得られる内容を下部に記載しておきます。</p>
<p> </p>
<p> <a href="https://kasata.booth.pm/items/2067296">https://kasata.booth.pm/items/2067296</a><img src="https://cdn-ak.f.st-hatena.com/images/fotolife/k/kassa877/20200308/20200308213758.png" alt="f:id:kassa877:20200308213758p:plain" /></p>
<p><a href="https://kasata.booth.pm/items/2067296">https://kasata.booth.pm/items/2067296</a></p>
<p> </p>
<div class="page" style="color: #4d2e1c; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Maru Gothic Pro', Meiryo, 'MS PGothic', sans-serif; font-size: 15.2px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;" title="Page 3">
<div class="section" style="background-color: #ffffff;">
<div class="layoutArea">
<div class="column">
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">【本書で得られる成果物】</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">本書を初めから最後まで一通り行っていただくと、</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">最後にはサンプルとして動作する、 多人数ビデオ通話&amp;テキストチャットアプリが完成します。</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">また、そのアプリを外部の人に試してもらえる環境構築方法も掲載しております。</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">※本書で作成するWebアプリケーションの作成までは、全て無料の範囲で行って いただけます。</span></p>
<p style="margin: 0px 0px 1em;"> </p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS;">【使用技術1:WebRTC、SkyWay】</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">プ<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%E9%A5%AF" style="background: transparent; color: inherit !important; overflow-wrap: break-word; border-bottom: 1px dotted #ded6cf; text-decoration: none; font-size: 18.6667px; font-weight: inherit !important; font-style: inherit !important; pointer-events: auto !important; cursor: pointer !important;">ラク</a>゙インを追加することなくWebブラウザ上でリアルタイムコミュニケーションを 可能にするオープン<a class="keyword" href="http://d.hatena.ne.jp/keyword/%A5%D5%A5%EC%A1%BC%A5%E0%A5%EF%A1%BC%A5%AF" style="background: transparent; color: inherit !important; overflow-wrap: break-word; border-bottom: 1px dotted #ded6cf; text-decoration: none; font-size: 18.6667px; font-weight: inherit !important; font-style: inherit !important; pointer-events: auto !important; cursor: pointer !important;">フレームワーク</a>、</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">「WebRTC(Web Real-Time Communications)」を使用した、 低遅延多人数ビデオ通話&amp;テキストチャットサービスなどを作成することができ ます。</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">その際、より高速にWebRTCアプリを開発することを重視するためにNTTコミュニ ケーションズ社が提供している便利なツール「SkyWay」を使用する手順も解説します。</span></p>
<p style="margin: 0px 0px 1em;"> </p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">【​</span><span style="font-size: 14pt; font-family: MS;">使用​</span><span style="font-size: 14pt; font-family: MS; color: #333333;">技術2:ngrok】</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">昨今の実務におけるスピード重視のプロトタイプ開発の潮流を考慮し、</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">クラウドサービスなどへデプロイする前段階の手軽な方法として</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">ローカルサーバーで動いているアプリを外部の人へ公開ができるツールである ngrokの使用方法も解説します。</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">これはWebRTCだけでなく、<a class="keyword" href="http://d.hatena.ne.jp/keyword/Django" style="background: transparent; color: inherit !important; overflow-wrap: break-word; border-bottom: 1px dotted #ded6cf; text-decoration: none; font-size: 18.6667px; font-weight: inherit !important; font-style: inherit !important; pointer-events: auto !important; cursor: pointer !important;">Django</a>などで作成したWebアプリでも簡単に公開が可能。</span></p>
<p style="margin: 0px 0px 1em;"> </p>
</div>
</div>
<div class="layoutArea">
<div class="column">
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #333333;">【​</span><span style="font-size: 14pt; font-family: MS;">使用​</span><span style="font-size: 14pt; font-family: MS; color: #333333;">技術3:HEROKU】</span></p>
</div>
</div>
</div>
</div>
<div class="page" style="color: #4d2e1c; font-family: Lato, 'Helvetica Neue', Helvetica, Arial, 'Hiragino Maru Gothic Pro', Meiryo, 'MS PGothic', sans-serif; font-size: 15.2px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: #ffffff;" title="Page 4">
<div class="section" style="background-color: #ffffff;">
<div class="layoutArea">
<div class="column">
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #403d41;">Herokuは有名なPaaSの一つです。「PaaS」は「Platform as a Service(プラットフォーム アズ ア サービス)」の略で、</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #403d41;">Webサービスを公開するために必要なものを全て、予め用意してくれるという サービスです。</span></p>
<p style="margin: 0px 0px 1em;"><span style="font-size: 14pt; font-family: MS; color: #222222;">自身で開発したアプリをサーバー周りのことを詳しく知らなくても容易に動かせるようになります。</span></p>
</div>
</div>
</div>
</div>