× 無料のユーザー登録をすると学習状況を管理することができるようになります

Electron入門 (全20回)

JavaScript/HTML5でデスクトップアプリを作ることができるElectronについて基本的な使い方を見ていきます。

このレッスンでは Node.js v4.2.6 / Electron v0.36.7 を使用しています。

全20回レッスンの詳細と、完了状況は以下のとおりです。

タイトル 内容
#01 Electronとはなにか?
  • 概要
  • 公式サイト
  • 完成版の確認
  • 必要となる知識
  • レッスンにおける環境
#02 Electronをインストールしよう
  • Node.jsのインストール
  • 作業用ディレクトリの作成
  • Electronのインストール
#03 Main Processを作りこんでいこう
  • package.jsonの編集
  • index.jsの作成
#04 BrowserWindowを作っていこう
  • BrowserWindowの設定
#05 index.htmlを作っていこう
  • index.htmlの作成
  • 動作確認
#06 名言をランダムに表示させよう
  • 名言の表示
  • 動作確認
#07 Windowを閉じた時の処理を実装しよう
  • Windowを閉じた時の処理
#08 アプリケーションメニューを作ろう
  • アプリケーションメニューの作成
  • 動作確認
#09 メニューを動作させてみよう
  • ショートカットキーの設定
  • 処理の設定
  • 終了処理の実装・確認
#10 dialogを使ってみよう
  • dialogの表示
  • 動作確認
#11 設定画面を作ってみよう
  • showSettingsWindow()の実装
  • settings.htmlの作成
  • 動作確認
#12 ラジオボタンの値を取得しよう
  • スタイルの設定
  • ラジオボタンの値を取得
  • 動作確認
#13 ipc通信を使ってみよう
  • ipcMainの設定
  • ipcRendererの設定
#14 設定値を画面に反映させてみよう
  • ipc通信の設定
  • 動作確認
#15 同期通信を使ってみよう
  • sendSync()
  • returnValue
  • 動作確認
#16 右クリックメニューを作っていこう
  • remoteモジュール
  • 右クリックメニューの作成
#17 右クリックメニューを動作させてみよう
  • 右クリックメニューの実装
  • 動作確認
#18 Web Storageを使ってみよう
  • Web Storageの利用
  • 動作確認
#19 デスクトップ通知を実装してみよう
  • Notification API
  • shellモジュール
  • 動作確認
#20 実行ファイルを生成してみよう
  • electron-packagerのインストール
  • 実行ファイルの生成
  • 動作確認