Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Life Purpose Meditation Personal Transformation Neuroscience Emotional Intelligence
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development HTML

JavaScript+HTML:Electronでつくるローカルアプリ実例講座 for Windows

Electronを使い、JavaScriptとHTMLでローカルアプリを作る実例講座。Windows環境向け。
Rating: 2.9 out of 52.9 (101 ratings)
802 students
Created by 柳井 政和
Last updated 8/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

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

Course content

11 sections • 70 lectures • 3h 19m total length

  • Preview03:55
  • Preview04:03
  • Preview04:11
  • コマンドプロンプトの起動の仕方
    02:04
  • JavaScriptとテキストエディタ
    02:00
  • ソースコード
    01:00
  • 本セクションの参考ドキュメント
    00:59

  • [章頭] node.js 環境構築編
    00:17
  • Preview01:48
  • package.jsonの作成
    02:54
  • バッチファイルのテンプレート
    03:22
  • hello world、アプリの引数、終了
    03:27
  • モジュールとrequire
    07:31
  • 本セクションの参考ドキュメント
    00:24

  • Electron のバージョンによる差分情報
    08:44
  • [章頭] Electron 環境構築編
    00:14
  • Electronのインストール
    01:02
  • ファイル構成
    04:02
  • 2つのプロセス
    01:19
  • ログ表示の方法
    01:46
  • 本セクションの参考ドキュメント
    00:48

  • [章頭] node.js リファレンス編
    00:22
  • 処理の種類
    00:56
  • パス
    02:17
  • ファイル操作
    08:40
  • ファイル操作2
    06:57
  • ファイル読み書き
    05:24
  • 文字コード
    04:02
  • exe実行
    02:33
  • 本セクションの参考ドキュメント
    00:11

  • [章頭] Electron アプリ作成編 テキストエディタ1
    00:19
  • Preview02:14
  • ファイル構成
    05:26
  • アプリのパッケージ化
    04:08
  • アプリのパッケージ化2
    04:01
  • 本セクションの参考ドキュメント
    00:14

  • [章頭] Electron アプリ作成編 テキストエディタ2
    00:19
  • main.js
    02:22
  • ブラウザの表示と外部ブラウザの利用
    04:08
  • index.htmlとapp.main.js
    06:30
  • src外のファイルの相対パス
    04:28
  • 本セクションの参考ドキュメント
    00:06

  • [章頭] Electron アプリ作成編 テキストエディタ3
    00:19
  • プロセス間通信
    03:54
  • メニュー
    06:54
  • ショートカット
    05:55
  • 本セクションの参考ドキュメント
    00:20

  • [章頭] Electron アプリ作成編 テキストエディタ4
    00:18
  • ファイルダイアログ
    03:33
  • ドラッグ&ドロップ
    03:09
  • 文字コード自動判定テキスト読み込み
    03:29
  • エディターやボタンの処理
    05:29
  • 本セクションの参考ドキュメント
    00:04

  • [章頭] Electron アプリ作成編 WebView
    00:16
  • Preview02:45
  • WebViewの利用
    04:50
  • Webページのキャプチャ
    03:54
  • PDFの作成
    04:04
  • ページ内の画像をまとめてDL
    02:38
  • ページ内の画像をまとめてDL2
    03:54
  • ページ内の画像をまとめてDL3
    03:55
  • ページ内の画像をまとめてDL4
    05:57
  • 本セクションの参考ドキュメント
    00:27

  • [章頭] ドキュメント斜め読み
    00:15
  • 各種ドキュメント
    02:11
  • node.jsのドキュメント
    02:31
  • Electronのドキュメント
    03:52
  • Electronのドキュメント2
    01:51
  • 本セクションの参考ドキュメント
    00:37

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の機能を使いこなしたい人

Instructor

柳井 政和
ゲーム、アプリケーション開発、書籍の執筆、JavaScript、Java
柳井 政和
  • 4.2 Instructor Rating
  • 1,981 Reviews
  • 12,444 Students
  • 6 Courses

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

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

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

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

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.