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 Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
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 Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing 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 JavaScript

実例でわかる JavaScript ローカルアプリ開発講座 Windows版 node.js NW.js

node.jsとNW.js(旧node-webkit)を使い、JavaScriptで、Windows用のローカルアプリケーション(CUI、GUIアプリ)を作ろう!
Highest Rated
Rating: 4.7 out of 54.7 (133 ratings)
2,208 students
Created by 柳井 政和
Last updated 3/2020
Japanese
30-Day Money-Back Guarantee

What you'll learn

  • HTML+JavaScript+CSSを利用した、Windows用ローカルアプリケーションの開発。
  • 開発したアプリケーションを、他人に配布するためのファイルの作成。
  • ローカルアプリケーション開発に必要な処理(ファイルアクセス、テキスト、バイナリの読み書き、EXEファイルの実行、通信、ZIPファイルの操作など)。

Course content

16 sections • 102 lectures • 5h 21m total length

  • Preview03:09
  • ソースコードについて
    00:31
  • CUIアプリとGUIアプリの開発
    02:07
  • コマンドプロンプトの起動の仕方
    01:22
  • JavaScriptの基本文法について
    01:09

  • [章頭] CUIアプリ 環境構築編
    00:25
  • Preview01:34
  • nodistを利用した開発環境の構築
    02:20
  • パスを通す
    02:46
  • エラー時の対策
    01:24
  • package.jsonの作成
    03:19
  • モジュールとrequire
    01:53
  • npm install
    03:41
  • 自作モジュール
    01:44

  • [章頭] CUIアプリ 実行編
    00:17
  • バッチファイルのテンプレート
    06:26
  • Preview01:31
  • 引数を受け取る
    03:22
  • node.jsを持っていないユーザーへの配布
    03:25

  • [章頭] node.js リファレンス編1 パスとファイル
    00:27
  • パス1 - path
    00:55
  • パス2 - カレントパスからの相対パスを絶対パスに変換
    02:56
  • パス3 - パスの分解
    04:33
  • ファイル操作1 - fs、Sync
    03:01
  • ファイル操作2 - ファイルの存在確認
    08:37
  • ファイル操作2 - ファイルの存在確認2
    05:47
  • Preview04:51
  • ファイル操作4 - ファイルのコピー
    06:36
  • ファイル操作5 - ファイルの削除
    04:15

  • [章頭] node.js リファレンス編2 ファイル読み書き、実行
    00:30
  • テキストファイル1 - 読み込み
    04:56
  • テキストファイル2 - 書き込み
    05:03
  • バイナリファイル - 読み書き
    04:20
  • exe実行1 - exec、execSync
    06:56
  • exe実行2 - Windowsコマンド
    03:06
  • 文字コード1 - ファイルを変換
    08:38
  • 文字コード2 - exe実行のエラーを変換
    03:51

  • [章頭] node.js リファレンス編3 通信
    00:33
  • ファイルのDL1 - テキストファイル
    04:54
  • ファイルのDL2 - 画像
    03:04
  • サーバー化
    08:15

  • [章頭] node.js リファレンス編4 その他
    00:20
  • node.js を終了
    01:26
  • ZIP1 - ZIPの作成
    05:20
  • ZIP2 - ZIPの展開
    05:54
  • ZIP3 - 7-Zipでの圧縮
    07:42
  • ZIP4 - 7-Zipでの解凍
    04:28

  • [章頭] CUIアプリ アプリ開発編1「ディレクトリ内のファイル一覧」
    00:23
  • Preview01:34
  • コード解説
    05:02

  • [章頭] CUIアプリ アプリ開発編2「指定ファイルをローカルサーバーで開く」
    00:40
  • Preview01:23
  • コード解説
    04:11

  • [章頭] GUIアプリ 開発準備編
    00:21
  • Preview02:41
  • [補足] 古いNW.jsと、新しいNW.jsの違い
    05:14
  • 開発環境の準備
    02:31
  • パスを通す
    04:02
  • ファイル構成
    02:11
  • package.jsonの作成
    03:23
  • 開発者ツール
    02:10

Requirements

  • 事前の準備は特に必要ありません。
  • Windows上に開発環境を構築して、Windows用のローカルアプリケーションを開発します。

Description

 このコースは、Webページ作成の知識を利用して、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アプリケーションの作成。

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

 本講座では、Windowsでの開発環境の構築からはじめ、ファイルアクセスなど、ローカルアプリケーション開発に必要な知識を学び、配布可能なアプリケーションを作成するまでをマスターします。

‥‥‥‥‥‥‥‥‥‥

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

● CUIアプリの準備(node.js)

 ・node.jsの紹介、導入、使い方。

● node.jsのリファレンス

 ・パスとファイル。ファイル読み書き、実行。通信。その他(ZIPの読み書き)。

● CUIアプリの開発

 ・「ディレクトリ内のファイル一覧」アプリ

 ・「指定ファイルをローカルサーバーで開く」アプリ

● GUIアプリの準備(NW.js)

 ・NW.jsの紹介、導入、使い方。配布ファイルの作り方。

● GUIアプリの開発

 ・「文字コード変換」アプリ

 ・「Webアプリに独自機能を追加」アプリ

 ・「検索順位の自動保存」アプリ

 ・「Webページ画像キャプチャ」アプリ

‥‥‥‥‥‥‥‥‥‥

 このコースでは、以下のようなアプリケーションを作ります。ほとんどのアプリは、ソースコードが100~200行ほどで、容易に理解、改造が行えます。

 各アプリケーションの動作は、無料プレビューで確認可能です。

●「ディレクトリ内のファイル一覧」アプリ

 ドラッグ&ドロップしたディレクトリの、「ディレクトリ内のファイル一覧」を、表示するアプリです。

 Windowsの「送る」にショートカットを保存しておけば、手軽にディレクトリ内のファイル一覧を、テキストファイルとして得ることができます。

●「指定ファイルをローカルサーバーで開く」アプリ

 HTMLファイルなどをドラッグ&ドロップすると、ローカルサーバーを起動して、ブラウザで開くアプリケーションです。

 セキュリティ上の問題(ファイルを読み込むなど)で、Webページにファイルを置いてからWebブラウザで確認することは、Web開発の現場ではよくあります。

 そうした際に、手軽にサーバーを起動させて、ローカルのIPアドレスでWebページを確認する。このアプリケーションのショートカットを、Windowsの「送る」に保存しておけば、Explorerの右クリックから、手軽にそうした確認ができるようになります。

●「文字コード変換」アプリ

 GUI(ウィンドウ、入力欄、ボタン、プルダウンリストなどのユーザーインターフェース)で、文字コードを変換するアプリケーションです。

 このアプリケーションは、ファイルを開くダイアログ、ファイルを保存ダイアログを利用するサンプルになっています。

 また、ウィンドウへのファイルのドラッグ&ドロップで、読み込むファイルを切り替えるコードのサンプルにもなっています。

●「Webアプリに独自機能を追加」アプリ

 URL指定でWebアプリを読み込み、保存ボタンなどの独自機能を追加する、アプリケーションのサンプルです。

 特定のWebサイトに、機能を追加したい。また、公開済みのWebアプリのローカル版を手軽に作りたい。そうした用途に使える技術です。

 ここでは、「画像をセピア調に変換するWebアプリ」に、保存ボタンを外部から挿入して、保存機能を追加します。

●「検索順位の自動保存」アプリ

 ブラウザを自動操縦して、複数のキーワードの、検索結果の順位を保存するアプリです。

 サイトの自動巡回や定期投稿、そうしたアプリケーション作成のひな形にできる、サンプルです。NW.jsでは、こうした自動化ツールを簡単に作れます。

●「Webページ画像キャプチャ」アプリ

 Webページの、スクリーンショットを撮影するアプリケーションです。

 NW.jsには、ブラウザで表示している画面を、手軽に画像として得る機能が備わっています。そうした機能を利用して、ウェブページの画像を定期保存したり、サムネールを作ったりすることが可能です。

‥‥‥‥‥‥‥‥‥‥

 JavaScriptは、Webページの作成でよく利用されているプログラミング言語です。この簡単なプログラミング言語、そしてHTML、CSSといった知識を利用して、手軽にWindows向けローカルアプリケーションを作成しましょう!

Who this course is for:

  • JavaScriptで、Windows用のローカルアプリケーションを開発したい方。
  • 既存のWebアプリを、ローカルアプリケーションにしたい方。
  • 手間をかけずに、手軽にPC用アプリケーションを作りたい方。
  • node.js、NW.js(旧node-webkit)を使って、アプリケーションを作りたい方。

Instructor

柳井 政和
ゲーム、アプリケーション開発、書籍の執筆、JavaScript、Java
柳井 政和
  • 4.3 Instructor Rating
  • 1,986 Reviews
  • 12,484 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
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.