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

via Udemy

Go to Course: https://www.udemy.com/course/javascript-nodejs-nwjs/

Overview

 このコースは、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向けローカルアプリケーションを作成しましょう!

Skills

Reviews