ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

Webアプリ/Monacaアプリ開発を高速化するローカルトンネルサービスまとめ

f:id:mbaasdevrel:20190410181527p:plain

アプリ開発を素早く進めていく上で大事なのは、ミーティングなどの内容を目の前で反映し、動作確認を進めていくというスピード感です。アニメーションなどの動きが肝になるアプリ開発では、持ち帰ってデザインに反映して…といったやり方では遅すぎます。逆にその場で「こんな動きですか?」と提示できれば話がどんどん進んでいくでしょう。

そこで試してみたいのが、ローカルの内容をインターネット上に公開できるサービスです。これらのサービスとMonacaを組み合わせると、ライブ感溢れる素晴らしいプロトタイピングが可能になることでしょう。

ngrok

f:id:mbaasdevrel:20190410181426p:plain

ngrokはコマンド一つでローカルコンピュータ上で立ち上がっているHTTPサービスを公開できます。例えば以下のコマンドでローカルコンピュータの http://localhost:8080/ のアクセスを公開できます。

ngrok http -subdomain=baz 8080

基本的にサブドメインが毎回変わるのですが、課金することでサブドメインを固定にできます。

ngrok - secure introspectable tunnels to localhost

Serveo

f:id:mbaasdevrel:20190410181454p:plain

Serveoも仕組みは同じですが、SSHでと明言しているところが特徴です(ngrokも同じ仕組みです)。SSHトンネルを使ってローカルコンピュータ上の特定のサービスを公開します。

例えば以下のようにSSHコマンドだけで使えます。

$ ssh -R 80:localhost:3000 serveo.net
Hi there
Forwarding HTTP traffic from https://gratia.serveo.net
Press g to start a GUI session and ctrl-c to quit.

専用のソフトウェアをインストールしないで済むのが便利な点でしょう。

Serveo: expose local servers to the internet using SSH

Pagekite

f:id:mbaasdevrel:20190410181506p:plain

Pagekiteはベース部分がオープンソースであるというのが特徴です。そのため、自分でサービスを立ち上げようと思えば、実現できます。例えば自社専用のローカルトンネルサービスが利用できます。SSHを使っているとは言え、悪意を持ったユーザの流入が怖いという企業は多いでしょう。そうした時に自社サーバであれば安心して利用できます。

Pagekite - The fast, reliable localhost tunneling solution

FORWARD

f:id:mbaasdevrel:20190410181517p:plain

FORWARDはWebブラウザ機能拡張を使う点が特徴です。Webブラウザで開発を進めながら、気になった時にすぐにリモートにいる人たちにローカルコンピュータを見てもらうことができます。

Share a Link to localhost — Forward

Netlify Dev

f:id:mbaasdevrel:20190410181527p:plain

静的サイトのホスティングとして有名なNetlifyがLive機能を実装しました。netlify.liveというドメインでローカルコンピュータ上のサービス(対象はNetlifyにデプロイしようとしているプロダクトになるでしょう)を公開できます。開発し、そのまますぐにデプロイもできるようになります。

Netlify Dev

まとめ

Monacaを使っている場合、ローカルコンピュータ上でさくさくとアプリ開発を行えます。その画面を誰かに見てもらいたいと思った時に、LAN内であればMonacaプレビューも使えますが、リモートではそうはいきません。そんな時に今回紹介したサービスを使って、スマートフォンからアクセスしてもらえばとても簡単に確認してもらえます。アプリ開発を高速に行っていく上でも見逃せないサービスです。

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。