フレームワークの特徴や簡単な使い方の導入部分までを学んでいきます。「Express」とは?Expressフレームワークは、Node.jsを活用したWebアプリ開発を効率よくするためのほぼデファクトスタンダードとして長く利用されています。拡張モジュールが豊富にあり追加していくことで柔軟に対応できるExpressは少ない記述でサーバー制御が可能で、複雑なシステムも簡単に拡張していくことができるので魅力的です。大規模な開発になっていくにつれてコードの見通しなどを工夫していく必要がある点には注意しておきましょう。「Express」の導入方法それでは、Expressフレームワークの導入について見ていきましょう!まず最初に確認事項として、Node.jsの開発環境が整っていることが前提になります。これはExpressがnpmからインストールできるパッケージで提供されていることに起因します。expressこれで、Expressフレームワークを利用したWeb開発の準備が整いました。Worldを表示してみましょう!まずは適当なファイル名を付けてJavaScriptファイルを編集していきます。app.js先ほどインストールしたExpressをNode.jsから使えるようにするためにrequire()を記述します。express();これでNode.jsからExpressフレームワークを利用できるようになりました。get()メソッドを記述することでルーティングと何を表示するかを設定できます。World」を出力するように設定しています。listen()メソッドを実行することで、簡単にWebサーバーが起動します。Wroldを表示することができます。フレームワークの特徴や簡単な使い方の導入部分までを学んでいきます。「Meteor」とは?Meteorフレームワークはフルスタックなので、サーバー制御からフロントエンドまですべてをJavaScriptで完結できるようにサポートされています。スマホを含めてプラットフォームに依存しないシンプルな記述が可能データベースやビルドツールなど多彩なエコシステムにより迅速な開発が可能SPAを素早く構築して公開するまでをサポートMeteorを導入するだけで、一通り開発に必要な環境が揃うためすぐにWebアプリの開発に取りかかれるのは魅力的です。フルスタックであるが故にある程度の自由度は制限されており、推奨される枠内で開発を進めることが最も効率が良いことは注意しておきましょう。「Meteor」の導入方法それでは、簡単に導入方法を見ていきましょう!まず、Windows環境の場合はパッケージマネージャの「Chocolatey」を公式サイトからインストールして次のコマンドを実行します。meteorまた、MacやLinuxをお使いの場合はcurlコマンドを実行してインストールしましょう。shこれで、Meteorフレームワークを利用した開発環境が整いました。Worldを表示してみましょう!Meteorでプロジェクトを作成するには「create」コマンドを実行します。myprojectこの例では、「myproject」という名前の新規プロジェクトを作成しています。「myproject」というディレクトリが作成されているので、その中にあるHTMLファイルを編集してみましょう。JSファイルは「client」フォルダ内に配置されています。World」を記述しておきます。meteormeteorコマンドを実行すると、自動的にサーバーが立ち上がりclientフォルダに配置されていたHTMLファイルなどが公開されます。アクセスするとWebページが表示されます。「Sails」の使い方この章では、Sailsフレームワークの基本的な使い方を見ていきましょう!主に、フレームワークの特徴や簡単な使い方の導入部分までを学んでいきます。「Sails」とは?SailsフレームワークはWeb開発としては定番のMVCをサポートした開発効率を重視したフレームワークになります。APIを活用したWebアプリを手軽に作成できるデフォルトでWebSocketをサポートしたリアルタイムWebアプリ開発も可能Sailsを導入すると、とにかく高速で効率の良い開発作業を進めていけるシステムを得ることができます。「Sails」の導入方法それでは、Sailsフレームワークの導入について見ていきましょう。Expressと同じくNode.jsの開発環境が整っていることが前提になります。-gこれで、Sailsフレームワークを利用したWeb開発の準備が整いました。Worldを表示してみましょう!まずは「new」コマンドで新規のプロジェクトを作成します。myappこの例では「myapp」という名称のプロジェクトを作成しています。App」「Empty」どちらのテンプレートをベースにしますか?という質問が表示されるので今回は「Empty」を指定します。すると、必要なリソースが自動的にインストールされます。World」に書き換えておきます。最後に、「lift」コマンドでサーバーを起動します。liftデフォルトであればhttp://localhost:1337にブラウザでアクセスすると画面が表示されます。まとめ今回は、Node.jsで使われる3大フレームワークの特徴と導入を学習しました。最後に、もう一度ポイントをおさらいしておきましょう!ExpressはNode.jsにおけるWeb開発のデファクトスタンダードであるMeteorはフルスタックの全部入り開発フレームワークであるSailsはRailsのような操作感で効率よくプログラムできる上記内容を踏まえて、ぜひ自分でもプログラミングに取り入れて活用できるように頑張りましょう!TweetPocket「プログラミング、右も左もわからない...」という方にオススメ当プログラミングスクール「侍エンジニア塾」では、これまで6000人以上のエンジニアを輩出してきました。その経験を通して、プログラミング学習に成功する人は、「目的目標が明確でそれに合わせた学習プランがあること」「常に相談できる人がそばにいること」「自己解決能力が身につくこと」この3つが根付いている傾向を発見しました。侍エンジニア塾は上記3つの成功ポイントを満たすようなサービス設計に磨きをかけております。「自分のスタイルや目的に合わせて学習を進めたいな」とお考えの方は、ぜひチェックしてみてください。書いた人マサトフリーランスのIT系ライターを8年従事。侍ブログ編集部としては、これまで270記事以上の記事を執筆。Linuxを3年学習。個人プロダクトのWebメディア・アプリ作成経験あり。Reserved.現役生徒500名以上が在籍する弊社のプログラミング学習プランをあなたに合わせて最短1分で診断します。