Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
JavaScript+HTML:Electronでつくるローカルアプリ実例講座 for Windows
Rating: 3.6 out of 5(139 ratings)
1,283 students
Created by柳井 政和
Last updated 11/2022
Japanese

What you'll learn

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

Course content

11 sections70 lectures3h 23m total length
  • [章頭] イントロダクション3:55

    本コースの説明をおこない、おおまかなロードマップを示します。

  • Electronとは4:03

    Electronとは何なのか、node.jsとWebKit、CUIアプリとGUIアプリの違いを解説します。

  • 類似開発環境との比較4:11

    Electronと、類似開発環境であるNW.jsとの違いを解説します。

  • コマンドプロンプトの起動の仕方2:04

    今後よく出てくる、コマンドプロンプトの起動の仕方を、説明しておきます。

  • JavaScriptとテキストエディタ2:00

    本コースは、ある程度JavaScriptの基本文法を知っている方向けのコースです。そのため、JavaScriptの基本文法を、手軽に学ぶ方法を紹介します。また、本コースで利用するテキストエディタについて紹介します。

  • ソースコード1:00

    本コースで出てくるソースコードは、本レクチャーの「ダウンロード可能なリソース」から一括してダウンロードできます。(2021-09-28 更新)

  • 本セクションの参考ドキュメント0:59

    本セクションの参考URLなどをまとめたページです。

Requirements

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

Description

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

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

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

 このコースを習得すれば、次のような事ができるようになります。

・Windowsでの、node.js、Electronの開発環境の構築。

・配布可能なアプリケーションの作成。

・ファイルアクセスなど、ローカルアプリケーション開発に必要な知識の習得。

・Electronのプロセス間通信。

・メニューやショートカットなど、高度なGUI機能の利用。

・Webページのキャプチャや、PDF化、画像をまとめてDLといった操作。

‥‥‥‥‥‥‥‥‥‥

このコースは、以下のように進みます。

● 第1章 イントロダクション
● 第2章 node.js 環境構築編
● 第3章 Electron 環境構築編
● 第4章 node.js リファレンス編
● 第5~8章 Electron アプリ作成編 テキストエディタ
● 第9章 Electron アプリ作成編 WebView
● 第10章 ドキュメント斜め読み

‥‥‥‥‥‥‥‥‥‥

 本コースで作成するアプリケーションは、以下の機能を持っています。ローカルアプリの基本的な機能を一通り学べるようにしています。

・ファイルダイアログを使ったファイルの読み込みや保存
・ドラッグ&ドロップによるファイルの読み込み
・文字コードの自動変換
・メニュー
・ショートカット
・複数ウィンドウ
・Webページのキャプチャ
・WebページのPDF化
・Webページ内の画像をまとめてDL

Who this course is for:

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