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

Facebookで集客を実現!Facebookマーケティング実践講座
PRO COURSE

Facebookで集客を実現!Facebookマーケティング実践講座

2h 13m Video Course
Instructor: 山田 どうそん
$129.99
Webサービス事業者、Web系ベンチャーが必ず押さえるべき著作権の知識
PRO COURSE

Webサービス事業者、Web系ベンチャーが必ず押さえるべき著作権の知識

1h 34m Video Course
Instructor: 柿沼 太一
10
$87.50
映像業界で活躍できる!Adobe Premiere Pro 完全版
PRO COURSE

映像業界で活躍できる!Adobe Premiere Pro 完全版

6h 48m Video Course
Instructor: Yuto Morita
4
$99.99
はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説
PRO COURSE

はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説

45m Video Course
Instructor: 大谷 更生
$94.99
【2019年版】Google広告設定運用ガイド 保存版
PRO COURSE

【2019年版】Google広告設定運用ガイド 保存版

4h 15m Video Course
Instructor: 勝原 潤
$149.99
Java実践講座 実践基礎編
PRO COURSE

Java実践講座 実践基礎編

4h 2m Video Course
Instructor: 浅井 良一
24
$144.99
全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-
PRO COURSE

全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-

53h 56m Video Course
Instructor: Masaaki Hatano
58
$355.36
Google検索で上位表示を目指すSEO入門講座
PRO COURSE

Google検索で上位表示を目指すSEO入門講座

5h 34m Video Course
Instructor: 遠藤 聡
4
$107.99
Djangoで作るはじめてのPythonによるWebアプリケーション開発講座
PRO COURSE

Djangoで作るはじめてのPythonによるWebアプリケーション開発講座

16h 50m Video Course
Instructor: 滝澤 成人
4
$199.99
YouTubeをビジネスに活かそう!YouTubeマーケティング超実践講座
PRO COURSE

YouTubeをビジネスに活かそう!YouTubeマーケティング超実践講座

2h 16m Video Course
Instructor: BeSomebody
1
$89.99
Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ
PRO COURSE

Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ

6h 5m Video Course
Instructor: ムラモリ コウ
4
$99.99
成約率急上昇!コピーライティングの秘密【リサーチ編】
PRO COURSE

成約率急上昇!コピーライティングの秘密【リサーチ編】

1h 41m Video Course
Instructor: 山田 どうそん
2
$89.99

Recent Viewed PRO COURSE

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

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

10h 47m Video Course
Instructor: 荒川 栄一郎
$187.99
やさしく独習アコギ【入門編】TAKA先生のアコースティックギターレッスン I
PRO COURSE

やさしく独習アコギ【入門編】TAKA先生のアコースティックギターレッスン I

51m Video Course
Instructor: TAKA
$34.99
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
PRO COURSE

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

5h 59m Video Course
Instructor: ムラモリ コウ
2
$69.99
日本語教師養成講座 Japanese Teacher Training Program
PRO COURSE

日本語教師養成講座 Japanese Teacher Training Program

26h 9m Video Course
Instructor: Attain Corp.
5
$499.99
Japanese Learning Course for JLPT N2 Level
PRO COURSE

Japanese Learning Course for JLPT N2 Level

11h 9m Video Course
Instructor: Attain Corp.
18
$149.99
はじめてのVB.NET 実践基礎講座
PRO COURSE

はじめてのVB.NET 実践基礎講座

1h 44m Video Course
Instructor: 浅井 良一
5
$129.99
吉本プロのゴルフのよくあるトラブル解決法
PRO COURSE

吉本プロのゴルフのよくあるトラブル解決法

43m Video Course
Instructor: 吉本 巧
$87.99
セミナー運営者必見!! 双方向のオリジナル講座をつくる方法
PRO COURSE

セミナー運営者必見!! 双方向のオリジナル講座をつくる方法

6h 0m Video Course
Instructor: 寒川井 誠
$44.99
C#実践講座 - 販売管理編
PRO COURSE

C#実践講座 - 販売管理編

3h 12m Video Course
Instructor: 浅井 良一
29
$132.99
福辺流 介助術 - 介助する人、される人に負担のない技法
PRO COURSE

福辺流 介助術 - 介助する人、される人に負担のない技法

2h 28m Video Course
Instructor: 株式会社介護事業研究会 & 福辺 節子
$44.99
Japanese Learning Course for JLPT N5 Level
PRO COURSE

Japanese Learning Course for JLPT N5 Level

21h 7m Video Course
Instructor: Attain Corp.
6
$149.99
決算書読破 - BSとPLの違いを知り1年の事業活動を読み解く
PRO COURSE

決算書読破 - BSとPLの違いを知り1年の事業活動を読み解く

23m Video Course
Instructor: 今村 充裕 & まなビレッジ
$18.99
教科書では教えない英語上達法 Ⅰ&Ⅱ
PRO COURSE

教科書では教えない英語上達法 Ⅰ&Ⅱ

1h 2m Video Course
Instructor: 山久瀬 洋二
$42.99
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 6m Video Course
Instructor: Masaaki Hatano
$119.99
マインドフルネス・ヨーガ - ベストな身体と心、幸せに満ちた最高の人生を
PRO COURSE

マインドフルネス・ヨーガ - ベストな身体と心、幸せに満ちた最高の人生を

2h 38m Video Course
Instructor: 岩山 仁
$179.99