Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座

JavaScriptでWindows用の
ローカルアプリケーションを作ろう！

Node.js、NW.js（旧node-webkit）をWindows環境で使いこなし、アプリケーション開発を行うために必要な知識と、豊富な作例をまとめています。

このコースを受講すると、以下のようなことができるようになります。

• Windowsでの開発環境の構築。
• 配布可能なアプリケーションの作成。
• Node.js、NW.jsの利用。
• ファイルアクセスなど、ローカルアプリケーション開発に必要な知識の習得。
• JavaScriptとNode.jsを利用した、Windows用CUIアプリケーションの作成。
• HTML、JavaScript、NW.jsを利用した、Windows用GUIアプリケーションの作成。

このコースでは、以下のようなアプリケーションを作ります。ほとんどのアプリは、ソースコードが100～200行ほどで、容易に理解、改造が行えます。完成したアプリケーションの内容は、このページの下にある、各レクチャーのプレビューで確認可能です。

「ディレクトリ内のファイル一覧」アプリ

ドラッグ＆ドロップしたディレクトリの、「ディレクトリ内のファイル一覧」を、表示するアプリです。

Windowsの「送る」にショートカットを保存しておけば、手軽にディレクトリ内のファイル一覧を、テキストファイルとして得ることができます。

「指定ファイルをローカルサーバーで開く」アプリ

HTMLファイルなどをドラッグ＆ドロップすると、ローカルサーバーを起動して、ブラウザで開くアプリケーションです。

セキュリティ上の問題（ファイルを読み込むなど）で、Webページにファイルを置いてからWebブラウザで確認することは、Web開発の現場ではよくあります。

そうした際に、手軽にサーバーを起動させて、ローカルのIPアドレスでWebページを確認する。このアプリケーションのショートカットを、Windowsの「送る」に保存しておけば、Explorerの右クリックから、手軽にそうした確認ができるようになります。

「文字コード変換」アプリ

GUI（ウィンドウ、入力欄、ボタン、プルダウンリストなどのユーザーインターフェース）で、文字コードを変換するアプリケーションです。

このアプリケーションは、ファイルを開くダイアログ、ファイルを保存ダイアログを利用するサンプルになっています。

また、ウィンドウへのファイルのドラッグ＆ドロップで、読み込むファイルを切り替えるコードのサンプルにもなっています。

「Webアプリに独自機能を追加」アプリ

URL指定でWebアプリを読み込み、保存ボタンなどの独自機能を追加する、アプリケーションのサンプルです。

特定のWebサイトに、機能を追加したい。また、公開済みのWebアプリのローカル版を手軽に作りたい。そうした用途に使える技術です。

ここでは、「画像をセピア調に変換するWebアプリ」に、保存ボタンを外部から挿入して、保存機能を追加します。

「検索順位の自動保存」アプリ

ブラウザを自動操縦して、複数のキーワードの、検索結果の順位を保存するアプリです。

サイトの自動巡回や定期投稿、そうしたアプリケーション作成のひな形にできる、サンプルです。NW.jsでは、こうした自動化ツールを簡単に作れます。

「Webページ画像キャプチャ」アプリ

Webページの、スクリーンショットを撮影するアプリケーションです。

NW.jsには、ブラウザで表示している画面を、手軽に画像として得る機能が備わっています。そうした機能を利用して、ウェブページの画像を定期保存したり、サムネールを作ったりすることが可能です。

受講の際に必要なもの

• 事前の準備は特に必要ありません。
• Windows上に開発環境を構築して、Windows用のローカルアプリケーションを開発します。

こんな方にオススメ

• JavaScriptで、Windows用のローカルアプリケーションを開発したい方。
• 既存のWebアプリを、ローカルアプリケーションにしたい方。
• 手間をかけずに、手軽にPC用アプリケーションを作りたい方。
• Node.js、NW.js（旧node-webkit）を使って、アプリケーションを作りたい方。

JavaScriptは、Webページの作成でよく利用されているプログラミング言語です。この簡単なプログラミング言語、そしてHTML、CSSといった知識を利用して、手軽にWindows向けローカルアプリケーションを作成しましょう！