本文へスキップ

Electron シンプルサンプル

·読了時間2分
zeke
zeke

先日、サンフランシスコに拠点を置く女性向けのコーディングスクールであるHackbright Academyのメンバーのために、GitHub本社でElectronハッカソンを開催しました。参加者がプロジェクトをスムーズに開始できるように、弊社所属のKevin SawickiがいくつかのサンプルElectronアプリケーションを作成しました。

Electron開発初心者の方や、まだ試したことがない方は、これらのサンプルアプリケーションから始めるのが最適です。小さく、読みやすく、コードにはすべてがどのように機能するかを説明するコメントが豊富に含まれています。

開始するには、このリポジトリをクローンします。

git clone https://github.com/electron/simple-samples

以下のアプリを実行するには、アプリのディレクトリに移動し、依存関係をインストールしてから起動します。

cd activity-monitor
npm install
npm start

アクティビティモニタ​

CPUシステム、ユーザー、アイドルアクティビティ時間のドーナツチャートを表示します。

Screenshot

ハッシュ​

さまざまなアルゴリズムを使用して、入力されたテキストのハッシュ値を表示します。

screenshot

ミラー​

コンピューターのカメラのビデオをミラーのように最大サイズで再生します。CSSアニメーションを使用するオプションのレインボーフィルター効果が含まれています。

価格​

Yahoo Finance APIを使用して、原油、金、銀の現在の価格を表示します。

screenshot

URL​

コマンドラインで渡されたURLをウィンドウに読み込みます。

その他の資料​

これらのアプリがElectronの使用開始に役立つことを願っています。さらに学習するためのいくつかの資料をご紹介します。

  • electron-quick-start：最小限のElectronアプリケーションボイラープレート。
  • Electron APIデモ：Electron APIのコア機能を示すインタラクティブアプリ。
  • electronjs.org/docs/all：すべてのElectronドキュメントを1つの検索可能なページにまとめたもの。
  • hokein/electron-sample-apps：ElectronメンテナであるHaojian Wuが作成した、Electronのサンプルアプリケーションの別のコレクション。
  • awesome-electron - 最新かつ最高のElectron関連のチュートリアル、書籍、ビデオなどを収集したGitHubリポジトリ。