Library)上に構築されたJavascriptフレームワークです。YUI3自体がハイスタックなライブラリであるため、Mojitoでも独自拡張なしに様々なことを実行可能です。前回の記事でMojitoを触ってみました。今回は、Mojito(とYUI3)の各種機能を使ってみたいと思います。Mojitoを初めて触る方、インストール方法やプロジェクト構成を知らない方は、前回の記事も読んでみて下さい。今回は、以下の機能を触り、ビューを作ってみます。テンプレートHTMLFrameMojitbinderクライアントへのdeploy初期設定まずは適当なディレクトリに移動し、サンプルプロジェクトを作成し、サンプルmojitを作成します。mojitをiアプリ内でインスタンスとして登録します(使えるようにする)。application.jsonを次のように編集します。]ついでに、ルーティングの設定も行います。mojitのindexメソッドへのルートを設定しておきます。routes.jsonを次のように編集します。}]sample_appディレクトリ直下に戻り、サーバを起動します。startこの時点で、http://localhost:8666へアクセスすると、Mojitoが作成した画面が表示されます。ここに表示されている内容は、mojits/Sample/controller.server.js内のindexメソッドを実行した結果です。ちなみに、表示されているテンプレートは、mojits/Sample/views/index.mu.htmlです。表示内容を変更しましょう。変更するには、ロジック部分(mojits/Sample/controller.server.js)とビュー部分(mojits/Sample/views/index.mu.html)の両者を変更します。ここでは、繰り返し構造を表示してみたいと思います。mojits/Sample/controller.server.jsを次のように編集します。ここでは、アシアルを紹介してみます。['mojito']});次にビューを編集します。mojits/Sample/views/index.mu.htmlを次のように編集します。会社名、URL、ロゴ、取締役、社員や各々のブログへのリンクを表示します。Mojitoでは様々なテンプレートエンジンを使用可能です。デフォルトでは、Mustacheが使われています(マニュアルはこちら)。</div></div>ファイルを編集したので、サーバを再起動します。