Electrons API - GitHub公式のElectron APIデモアプリ

NewImage

JavaScript/HTML/CSSといったWeb系の技術を使って、クロスプラットフォームのデスクトップアプリを作成できるGitHubのフレームワーク「Electron」。このElectronのAPIのデモやチュートリアルを含む、Macネイティブアプリ「Electrons API」がMac App Storeで公開されています。

Electron APIs App
カテゴリ: 開発ツール
価格: 無料
チュートリアル、コードスニペット、サンプルなどを含むElectron API学習アプリ。

「Electron APIs」はともともGitHubで公開されている「Electron API Demos」をMac App Store向けにパッケージングし直したもの。機能的には同様で、Electronを使った基礎的なアプリの作成方法や、Electron APIの使い方を学習できる内容となっています。

S 2016 06 12 10 17 48

例えばWindowに関するAPIを学習することができる「Create and manage windows」では、「View Demo」ボタンをクリックすることで実際にHello World!ウィンドウを表示することができます。

const BrowserWindow = require('electron').remote.BrowserWindow
const path = require('path')

const newWindowBtn = document.getElementById('new-window')

newWindowBtn.addEventListener('click', function (event) {
  const modalPath = path.join('file://', __dirname, '../../sections/windows/modal.html')
  let win = new BrowserWindow({ width: 400, height: 320 })
  win.on('closed', function () { win = null })
  win.loadURL(modalPath)
  win.show()
})

その他メニューのカスタマイズ方法や、ファイルマネージャの呼び出し方、通信方法など多数のサンプルが含まれています。

Electronを使ったアプリの開発を計画している方はダウンロードしてみてはいかがでしょうか。

スポンサーリンク