MojitoTweetMojito(モヒート)は、Javascriptで記述されたWebアプリケーション用のフレームワークです。米Yahoo!がオープンソースとして公開しました(2012/4/1)。Javascriptを使う機会が増えてきた昨今、非常に興味深いフレームワークです。MojitoはMVC構造を採用しており、コードのきり分けを明確にしています。1つのソースで複数のデバイスへ対応させるなど、挑戦的な試みも行っています。worldアプリを作成してみます。X使用)、Node.jsが入っていることを前提とします。インストールには、npmコアマンド(Node.jsのパッケージ管理ツール)を使います。-gちなみに、今回使用したMojitoのバージョンは0.3.26です。バージョンは以下のコマンドで確認できます。worldアプリを作成してみましょう。mojitoでのアプリケーション作成は次の手順となります。デバイス毎の実行ここではサーバ側で稼働するアプリを作成します。適当なディレクトリを作成・移動し、以下のコマンドを実行します。sample_appこれでカレントディレクトリの中にsample_appディレクトリが作成されます。このsample_appディレクトリ内に、mojitoアプリ用のファイルやディレクトリが生成されています。ディレクトリを移動しましょう。sample_appディレクトリ中を見てみると以下のようになっています。[Mojitoサーバ生成スクリプト]この段階では、サーバ側で表示する内容が何もありません。各種設定ファイルは後ほど編集します。次に実行することは、実際に表示する内容を作成することです。各種機能(mojit)の生成アプリを生成した後は、必要な機能を生成していきます。Mojitoでは、機能単位としてmojitを生成します。名前が紛らわしいのですが、mojit(最後の"o"がありません)であり、mojitoではありません。mojitとは、モジュールのようなものです。公式サイトによると、mojitという単語は、モジュール(module)とウィジェット(widget)を組み合わせて作られたそうです。mojitを生成します。HelloWorldmojitはmojitsディレクトリ内に生成されます。実際に、mojitsディレクトリを確認すると次のようになっています。index.mu.htmlmojit(ここではHelloWorld)はその内部にMVC構造を持っています。ここからコントローラ、モデル、ビューや各種設定を編集していきます。Worldと表示する機能を実装します。mojits/HelloWorld/controller.server.jsを以下のように編集します。{...}の部分を変更しただけです(コメント部分は割愛しています)。Javascriptファイルの編集はこれだけです。後は、アプリケーションの設定を行います。アプリのルートディレクトリにある、2つの設定ファイル(application.json、route.json)を編集します。application.jsonに、インスタンス(アプリ内で使用するmojit)を設定します。]appPortで使用するポート番号を設定できます。mojitを使用)を記述します。mojitを使用する準備が整いました。次に、URLとインスタンスを紐づけるルーティングの設定を行います。route.jsonを次のように編集します。}}]hello-worldルートを作り、対象メソッドにGET、パスに"/"を指定しています。"call"部分で、このルートに紐付けるmojitとメソッドを設定します。mojit)のindexメソッドを指定しています(localhost:8666/にアクセスされると実行)。最後に、サーバを起動してブラウザからアクセスしてみます。サーバの起動は、sample_appディレクトリ直下にて次のコマンドを実行します。worldと表示されます。何らかのエラーが発生したら、コンソール画面に表示されます(console.logもコンソール画面に表示されます)。worldではあまり意味ないですけど)。html5appすると、sample_app内にartifactsディレクトリが生成され、この中のhtml5appディレクトリ内にHTML5アプリが作成されます。内部を少し見ると、以下のようになります。route.jsonの中で、"/"パスに指定した画面がindex.htmlとして生成されています。index.mu.html...今回は、サーバ側の単純なアプリ作成の紹介でした。実際には、モデルやビューを作成して画面を作ることになり、もっと本格的なアプリを作ることも可能です。mojitoからxcodeプロジェクトを作成することもできるようです。ITで紹介されました。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。