PRO COURSE

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

Electronを使って、JavaScriptとHTMLでGUIのローカルアプリケーションを作成する方法を学びます。Windows環境向けの講座です。

Instructor: 柳井政和

Electronを使って
JavaScript + HTMLでローカルアプリを作ろう！

このコースでは、Web開発の知識を利用して、JavaScriptとHTMLで、GUIのローカルアプリケーションを作成する方法を学びます。

Windows環境に、node.js、Electronの導入を行ない、メニューや文字コード変換機能を備えたテキストエディタや、特殊機能を複数持ったWebブラウザを、実際に作っていきます。

コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

このコースで学べること

JavaScriptとHTMLでローカルアプリを作れるようになります
ファイルダイアログの利用やファイル操作、文字コードの自動変換などができるようになります
プロセス間通信や、メニュー、ショートカットなど、Electronの機能を使いこなせるようになります
Webページのキャプチャ、PDF化、画像をまとめてダウンロードなど、各種処理ができるようになります

こんな方におすすめ

JavaScriptとHTMLで、GUIのローカルアプリを作りたい人
Web技術を使い、ローカルアプリを作りたい人
Electronについて学びたい人
プロセス間通信など、Electronの機能を使いこなしたい人

受講の際に必要なもの

初歩的なJavaScriptのプログラミングの経験
Windows環境

このコースでJavaScript、HTMLといったWebの技術で、ローカルのアプリを開発できるようになりましょう！

About the Instructor

柳井政和

クロノス・クラウン合同会社代表社員

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

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

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

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

Course content

Total 3 hours 20 minutes

Preview You can preview lectures with this label

Section 1：第1章イントロダクション
1	[PRムービー] 本講座の大まかな概要	Preview	2:16
2	サンプルコードのダウンロード		1:00
3	[章頭] イントロダクション	Preview	3:55
4	Electronとは	Preview	4:03
5	類似開発環境との比較	Preview	4:12
6	コマンドプロンプトの起動の仕方		2:05
7	JavaScriptとテキストエディタ		2:00
8	ソースコード		1:01
9	本セクションの参考ドキュメント		1:00
Section 2：第2章 node.js 環境構築編
10	[章頭] node.js 環境構築編		0:17
11	nodistを利用した開発環境の構築	Preview	1:49
12	package.jsonの作成		2:54
13	バッチファイルのテンプレート		3:23
14	hello world、アプリの引数、終了		3:27
15	モジュールとrequire		7:32
16	本セクションの参考ドキュメント		1:00
Section 3：第3章 Electron 環境構築編
17	[章頭] Electron 環境構築編		0:15
18	Electronのインストール	Preview	1:02
19	ファイル構成		4:02
20	2つのプロセス		1:20
21	ログ表示の方法		1:46
22	本セクションの参考ドキュメント		1:00
Section 4：第4章 node.js リファレンス編
23	[章頭] node.js リファレンス編		0:23
24	処理の種類		0:57
25	パス		2:18
26	ファイル操作		8:40
27	ファイル操作2		6:57
28	ファイル読み書き		5:25
29	文字コード		4:03
30	exe実行		2:33
31	本セクションの参考ドキュメント		1:00
Section 5：第5章 Electron アプリ作成編テキストエディタ1
32	[章頭] Electron アプリ作成編テキストエディタ１		0:20
33	どういったアプリか？	Preview	2:15
34	ファイル構成		5:26
35	アプリのパッケージ化		4:09
36	アプリのパッケージ化2		4:02
37	本セクションの参考ドキュメント		1:00
Section 6：第6章 Electron アプリ作成編テキストエディタ2
38	[章頭] Electron アプリ作成編テキストエディタ2		0:20
39	main.js		2:22
40	ブラウザの表示と外部ブラウザの利用		4:09
41	index.htmlとapp.main.js		6:30
42	src外のファイルの相対パス		4:28
43	本セクションの参考ドキュメント		1:00
Section 7：第7章 Electron アプリ作成編テキストエディタ3
44	[章頭] Electron アプリ作成編テキスト		0:19
45	プロセス間通信		3:54
46	メニュー		6:54
47	ショートカット		5:55
48	本セクションの参考ドキュメント		1:00
Section 8：第8章 Electron アプリ作成編テキストエディタ4
49	[章頭] Electron アプリ作成編テキストエディタ4		0:19
50	ファイルダイアログ		3:33
51	ドラッグ＆ドロップ		3:10
52	文字コード自動判定テキスト読み込み		3:29
53	エディターやボタンの処理		5:29
54	本セクションの参考ドキュメント		1:00
Section 9：第9章 Electron アプリ作成編 WebView
55	[章頭] Electron アプリ作成編 WebView		0:17
56	どういったアプリか？	Preview	2:45
57	WebViewの利用		4:51
58	Webページのキャプチャ		3:55
59	PDFの作成		4:04
60	ページ内の画像をまとめてDL		2:38
61	ページ内の画像をまとめてDL2		3:54
62	ページ内の画像をまとめてDL3		3:55
63	ページ内の画像をまとめてDL4		5:58
64	本セクションの参考ドキュメント		1:00
Section 10：第10章ドキュメント斜め読み
65	[章頭] ドキュメント斜め読み		0:15
66	各種ドキュメント		2:11
67	node.jsのドキュメント		2:31
68	Electronのドキュメント		3:53
69	Electronのドキュメント2		1:51
70	本セクションの参考ドキュメント		1:00
Section 11：第11章終わりに
71	終わりに		0:52