Share this course

Get up to 20% revenue for each qualifying new purchase you refer.
Let's create your account!

Edit Your Review

Describe your thoughts and experience with this course.
Cancel
Complete

Your Review

Delete
Edit

Review This Course

Describe your thoughts and experience with this course.
Exit
Complete

Review This Course

Post a review
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

5日でできる はじめてのLinux入門 LPIC (Level 1対応)
PRO COURSE

5日でできる はじめてのLinux入門 LPIC (Level 1対応)

6h 2m Video Course
Instructor: 井上 博樹
21
$96.99
English Boot Camp 〜たった1日で英語が得意になる基礎講座〜
PRO COURSE

English Boot Camp 〜たった1日で英語が得意になる基礎講座〜

4h 7m Video Course
Instructor: イムラン スィディキ
4
$199.99
ビデオ撮影術入門講座 - 見ていられない映像にならないために
PRO COURSE

ビデオ撮影術入門講座 - 見ていられない映像にならないために

2h 28m Video Course
Instructor: 升田 規裕
$99.99
JLPT N5 level Online Japanese Kanji Character Course
PRO COURSE

JLPT N5 level Online Japanese Kanji Character Course

6h 39m Video Course
Instructor: Attain Corp.
1
$99.99
DELIC - ビジネスリーダーのためのコーチングスキルアップ講座
PRO COURSE

DELIC - ビジネスリーダーのためのコーチングスキルアップ講座

2h 49m Video Course
Instructor: 林 健太郎
4
$139.99
JavaScriptとHTMLで作る「タワーディフェンス」講座
PRO COURSE

JavaScriptとHTMLで作る「タワーディフェンス」講座

3h 30m Video Course
Instructor: 柳井 政和
$46.99
フルスタックエンジニアが教える 即戦力Railsエンジニア養成講座
PRO COURSE

フルスタックエンジニアが教える 即戦力Railsエンジニア養成講座

7h 38m Video Course
Instructor: Kojima Kazuya
1
$98.99
Belajar Bahasa Jepang Online Level N5
PRO COURSE

Belajar Bahasa Jepang Online Level N5

20h 47m Video Course
Instructor: Attain Corp.
$149.99
経営者のための「No.1事業」の作り方とはじめ方
PRO COURSE

経営者のための「No.1事業」の作り方とはじめ方

2h 3m Video Course
Instructor: 山崎 伸治
$444.99
ビジネスに活かすためのアスリートに学ぶ目標設定術
PRO COURSE

ビジネスに活かすためのアスリートに学ぶ目標設定術

30m Video Course
Instructor: 瀬戸口 仁 & まなビレッジ
$90.99
長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム
PRO COURSE

長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム

3h 40m Video Course
Instructor: 山田 どうそん
3
$189.99
カール教授と学ぶITマーケティング講座
PRO COURSE

カール教授と学ぶITマーケティング講座

1h 14m Video Course
Instructor: 平野 敦士 カール
11
$96.99