Electronでデスクトップアプリを簡単構築
全国5000人のエンジニアをやめて寿司職人になろうと思っているみなさんこんばんは。
前回までスライド共有用のアプリケーションを趣味(リハビリ)で作っていたのですが、折角なのでデスクトップクライアントも作ってみました。 構築にはElectronを使ったのですが、結構簡単に出来たので記録としてまとめておきます。
Electronって何？
- GitHubが開発するクロスプラットフォームで動作するアプリケーションを開発するためのフレームワーク。
- コードの記述はHTML5とNode.js。その範囲であれば既存のWeb開発技術が使いまわせる。例えばjQueryとかAngularなんかを使うのも可能
- Chromeブラウザのオープンソース版のChroniumのエンジンを内蔵
- 例えばAtom・Visual Studio Code・Slackクライアントや、日本だとKobitoあたりがメジャー
作り方
あちこちに記事があがっているのでそれを参考にすれば取りあえず動くところまでは迷うことはまずない。以下ポインター
- Electron(旧atom shell)基礎+入門
- 概要をさくっと抑えたいならまずこれ？
- HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは
- 概要や他の類似フレームワークとの違いなど。コードはないので特徴を掴むのに良いかと
- Electronでアプリケーションを作ってみよう
- 鉄板の基礎編。この通りやればとりあえず動くところまで持っていける
- 30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで
- 上のリンクのものより短めだが、本当に30分くらいでいける
- ぼくのかんがえたさいきょうのElectron
- 開発の仕方やパッケージングに関することまで紹介
- ElectronでjQueryがundefinedになる
- ElectronでjQueryを使いたいなら読んでおく
- Saving and Restoring Window State in Electron
- 英語。Windowの位置の保存と復元方法について解説している
- Electron アプリを Travis CI でテストする
- 真面目にやるなら当然テスト自動化してCIで回さないといけない(まだ試してない)
- Electron で Live Dwango Reader（旧 Live Door Reader）クライアントを作ってみる
- キーボードショートカットの実装は参考になりそう。僕はMousetrap使って実装した
- Awesome Electron
- Electronで作られているアプリケーション、ツール、ドキュメントなどへのリンク集。英語だが早めにみておくとよさそう。オープンソースは43個紹介されている(全部がElectronで作られたアプリなわけではない)
- Qiita
- Electronのタグがついた記事。日本語
- Stackoverflow
- Electronのタグがついた記事の人気順。英語
- atom/electron
- 開発レポジトリ。非常に開発が活発でバグもそれなりにあるのでおかしいなと思ったら確認
作ってみての感想
- ソースはここ
- とりあえず動くものを作るのは簡単で、クライアントアプリ経験のない人が新規技術を習得せずに始められる敷居の低さは良い
- ワンソースできちんとMac・Windows・Ubuntu上で動作した。ただChroniumの違いかスクロールバーの見栄えなどに若干バラつきはあった
- 僕は長くDelphiとかVisual Studioとかを使っていたので、やはりそっちが楽だと感じるが、開発環境が小慣れてくると話は違いそう
- ビルドして出来たファイルがでかい。minifyしてから配布する方がよさそう
- 業務アプリのIE対応とか泣けるので、こいつで作って一括配布とかアリな気がする
著作
著者／訳者：渡辺 一宏 吉羽 龍太郎 岸田 健一郎 穴澤 康裕
出版社：インプレス( 2014-09-19 )
定価：￥ 4,320
Webアプリケーション開発における継続的インテグレーションについて、CakePHPのサンプルをベースにして、その概要から使用ツール解説、導入方法、メンテナンスまでを解説
Chef実践入門 ~コードによるインフラ構築の自動化 (WEB+DB PRESS plus)
著者／訳者：吉羽 龍太郎 安藤 祐介 伊藤 直也 菅井 祐太朗 並河 祐貴
出版社：技術評論社( 2014-05-22 )
定価：￥ 2,992
スタンドアロンでのChef Soloの利用から始めて、クックブックの書き方や注意すべきポイント、さらにはクックブックのテスト、継続的インテグレーションなど幅広いトピックを解説
著者／訳者：西村直人 永瀬美穂 吉羽龍太郎
出版社：翔泳社( 2013-02-13 )
定価：￥ 2,520
スクラム初心者に向けて基本的な考え方の解説から始まり、プロジェクトでの実際の進め方やよく起こる問題への対応法まで幅広く解説。マンガと文章のセットでスクラムを短期間で理解できます。スクラムの概要を正しく理解したい人、もう一度おさらいしたい人にオススメ。
Software in 30 Days スクラムによるアジャイルな組織変革“成功"ガイド
著者／訳者：Ken Schwaber、Jeff Sutherland著、角征典、吉羽龍太郎、原田騎郎、川口恭伸訳
出版社：アスキー・メディアワークス( 2013-03-08 )
定価：￥ 1,680
スクラムの父であるジェフ・サザーランドとケン・シュエイバーによる著者の日本語版。ビジネス層、マネジメント層向けにソフトウェア開発プロセス変革の必要性やアジャイル型開発プロセスの優位性について説明
How to Change the World 〜チェンジ・マネジメント3.0〜
著者／訳者：Jurgen Appelo, 前川哲次(翻訳), 川口恭伸(翻訳), 吉羽龍太郎(翻訳)
出版社：達人出版会
定価：500円
どうすれば自分たちの組織を変えられるだろう？それには、組織に変革を起こすチェンジ・マネジメントを学習することだ。アジャイルな組織でのマネージャーの役割を説いた『Management 3.0』の著者がコンパクトにまとめた変化のためのガイドブック
寄稿
著者／訳者：原田騎郎, 吉羽龍太郎, 山口陽平ほか
出版社：技術評論社( 2014-10-24 )
定価：￥ 1,598
特集の「強いチームの作り方」を寄稿。刻々とニーズが変化する近年のソフトウェア開発では、既成観念にとらわれない新しいアイデアが不可欠ですが一方で意見の対立がメンバーの衝突を引き起こすことも多くあります。本特集では、意見の違いをメンバーどうしが受け入れ、新しいアイデアへつなげていけるチームの作り方を解説しています
著者／訳者：Mitchell Hashimoto
出版社：オライリージャパン( 2014-02-21 )
定価：￥ 2,808
Vagrantの概要やマシン設定から、プロビジョニング、ネットワーク、ボックス、さらにはプラグインによる拡張までを網羅した開発者自身による解説書。日本語版限定で「Vagrantプラグイン」と「Packer」について寄稿。また伊藤直也さんによる描きおろしも含まれている
100人のプロが選んだソフトウェア開発の名著 君のために選んだ1冊
出版社：翔泳社( 2012-02-22 )
定価：￥ 1,944
ソフトウェア技術者のための名著案内。国内最大級の開発者向けカンファレンス「DevelopersSummit」のベストスピーカーを中心とした、100名の執筆陣が書籍を選定・紹介。アジャイルプラクティスについて寄稿