Web View Applicationのススメ

このフレームワークは、通常のWebサイトを構成する「HTML」「CSS」などを一切意識することなく、Webアプリケーションを開発していきます。開発手法はiOSアプリケーションを作成する方法に似ています。

また、すべてのコードをCoffeeScriptで記述するため、HTML・CSSの知識やJavaScriptの知識がなくても始められます（CoffeeScriptはJavaScriptよりも学習コストが低いです）。

始める前の準備

node.jsを使えるようにしておいてください。バージョンは「v11.0.0以前」を使用してください。そして、「./node_modules/.bin」にPATHを通しておいてください。後は、SQLite3をインストールしておいてください。

これで準備は完了です。

まず初めに、アプリケーション用のディレクトリを作成し、中に入ってください。アプリケーションのすべてはこのディレクトリの中で完結します。

$ mkdir viewllwe-app

$ cd viewller-app

次に、npmを初期化します。

$ npm init

通常のnode.jsアプリケーションと同じように入力しますが、アプリケーションファイル名を、

index.js → apps.min.js

に変更してください。

初期化が終わった後に、ViewllerJSをインストールしてください。

$ npm i viewller

これでViewllerJSアプリケーションを作成する準備が整いました。

$ viewller -a

上記コマンドを実行すると、デフォルトではポート5001番で開発環境のアプリケーションが起動します（ポート番号は「config/develop.json」で指定出来ます）。「node-dev」を使って起動するので、ソースファイルや設定ファイルを修正すると自動的に再起動されます。

チュートリアルでは、簡単なアプリケーションの作成を行っていきます。

Page updated

Google Sites

Report abuse