BT

Ready for InfoQ 3.0? Try the new design and let us know what you think!

HyperDevでWebアプリの新規開発が手軽に

| 作者: David Iffland フォローする 4 人のフォロワー , 翻訳者 吉田 英人 フォローする 0 人のフォロワー 投稿日 2016年7月21日. 推定読書時間: 3 分 |

原文(投稿日:2016/06/09)へのリンク

Fog Creek SoftwareがWebベースの新ツールをリリースした。“HyperDev”を検索するだけで,新しいWebアプリをインターネット上でライブに立ち上げることができる。

ブログ記事“announcing the public beta”の中でJoel Spolsky氏は,HyperDevが“コードを書き上げてインターネット上で動かす最速の方法”になるだろう,と述べている。“コードを書いてWebサイトで実行するために必要な,複雑な管理作業を100%排除したいのです。”

このスタートアップが提供するエクスペリエンスは極めて合理的だ。http://hyperdev.comと入力するだけで,Node.jsバックエンドプロジェクトのクリーンなインスタンスと,シンプルなHTML/JSフロンドエンドが手に入る。セットアップやソース管理,ホスティングの処理はすべて完了している。HyperDevはjsFiddleのアイデアを採用した上で,それをサーバ側コードにも拡張したものだと言える。

デフォルトでは,フロントエンドとバックエンドのコード部分を含んだブラウザIDEが最初に表示される。バックエンド部分には,フロントエンド部にコンテナを提供するExpress.JS Webサーバがセットアップされている。この開始時点から,“従来の”Node.jsアプリとまったく同じ要領で,必要なサーバコードを好きなように記述することができる。

Spolsky氏が強調するのは,新規プロジェクトで毎回必要となる処理が,HyperDevでは不要になることだ。

  • アカウントを作る必要はありません。
  • Gitは使いません。どのようなバージョン管理も使用しないのです。
  • ネームサーバを設定する必要はありません。
  • ホストプロバイダへのサインアップは不要です。
  • サーバのプロビジョンも必要ありません。
  • オペレーティングシステムやLAMPスタック,Nodeなどをインストールする必要はありません。
  • サーバのコンフィギュレーションは必要ありません。
  • コードの統合やデプロイの方法を検討する必要はありません。

プロのWeb開発者の多くは,プロトタイプや製品を開発する上で,新規プロジェクトを生成する合理的なプロセスを独自に用意しているだろう。しかしながら,Webに時々関わる程度のものにとってHyperDevは,さまざまな事前作業を必要とせずにWebで何かを試してみようという時に,価値のあるツールであることは間違いない。

HyperDevプロジェクトは共有することも可能で,各開発者のコード変更がリアルタイムに反映される,とSpolsky氏は言う。

変更して保存された内容はサーバ上でも即時更新され,新たなコードでサーバが再起動し,ブラウザがリフレッシュされます。これらはすべて,0.5秒以内に実行されます。つまり,サーバ側のコード変更が即時デプロイされるようになるのです。TrelloやGoogle Docsのようにすべてが瞬時に現れる,魔法のようなチームプログラミングが実現します。

サンプルのコレクションがHyperDev Galleryで公開されている。現時点ではJavaScriptベースのプロジェクトのみが対象だが,近いうちにより多くの言語を追加したいとチームは考えている。

Hacker News上でのコミュニティの議論では,肯定的なコメントが大半だが,HyperDevは”toy”のカテゴリに分類されている。Nicholas Charriere氏はこの点に継承を鳴らし,次のように述べている。“プログラムを始める上での障壁を少なくするという意味で,正直に言って,このプロジェクトには深い感銘を受けました。私にとってこれは画期的なことです。最小限のクラスと組み合わせることで,コンピュータは魔法ではない,誰でも試すことのできるものだということを,人々に理解してもらえると思います。”

この記事を評価

関連性
スタイル

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション
BT