Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!
Top Programming Node.jsとNW.jsで作るJavaScript ローカルアプリ開発講座
PRO COURSE

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

Node.jsとNW.js(旧node-webkit)を使って、JavaScriptでWindows用のローカルアプリケーションを手軽に開発する方法を学びます。

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向けローカルアプリケーションを作成しましょう!

About the instructor

柳井 政和
クロノス・クラウン合同会社 代表社員

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆を行う。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。

See more

Course content

Total
Preview You can preview lectures with this label
Loading

Related Courses

3日間でマスターする Ruby on Rails講座
PRO COURSE

3日間でマスターする Ruby on Rails講座

5h 9m Video Course
Instructor: 井上 博樹
71
$96.99
JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで
SET COURSE

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで

5 Courses Included
Instructor: 柳井 政和
7
$17.98/mo
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 5m Video Course
Instructor: Masaaki Hatano
$119.99
Electronでつくるローカルアプリ開発講座 for Windows
PRO COURSE

Electronでつくるローカルアプリ開発講座 for Windows

3h 20m Video Course
Instructor: 柳井 政和
$89.99
速習+詳細+実例 jQuery講座
PRO COURSE

速習+詳細+実例 jQuery講座

9h 3m Video Course
Instructor: 柳井 政和
$89.99
実例でわかる JavaScript 初心者講座
PRO COURSE

実例でわかる JavaScript 初心者講座

8h 36m Video Course
Instructor: 柳井 政和
6
$99.99
誰でもわかる!! JavaScript 初心者向け入門講座
PRO COURSE

誰でもわかる!! JavaScript 初心者向け入門講座

3h 58m Video Course
Instructor: Asakura Yuma
1
$25.99
誰でもわかる!JavaScript & jQuery基礎
PRO COURSE

誰でもわかる!JavaScript & jQuery基礎

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 27m Video Course
Instructor: Hatano Masaaki
5
$35.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 14m Video Course
Instructor: Hatano Masaaki
204
$174.00
JavaScriptで作るリバーシゲーム!ブラウザで動くゲーム開発講座
PRO COURSE

JavaScriptで作るリバーシゲーム!ブラウザで動くゲーム開発講座

7h 25m Video Course
Instructor: 柳井 政和
1
$89.99
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

6時間でマスター!! jQueryで動きのあるWebサイトを作ろう

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.98