ElectronとJavaScriptを活用した、デスクトップアプリ開発の概要資料です。

1. Electron
Electron + JavaScriptによる
デスクトップアプリの開発
LTLovers 3rd @sasaron397

2. 自己紹介
Katsuhiro Sasaki (@sasaron397)
Web + スマートフォンアプリエンジニア
ライブドア系の企業出身、現在はベンチャー企業に所属
趣味は、ゲーム、読書、麻雀

3. 質問1
この中でWebシステムに携わってい
る方？
(開発、デザイン、マーケなど)

4. 質問2
その中で、デスクトップアプリを
提供している方？

5. Electronとは？
Web技術でデスクトップを構築する技術
Webシステムの技術を使って、デスクトップアプリを開発する技
術
グーグルクロームの内部エンジンであるクロミウムと、
JavaScriptでWebシステムを構築することが出来るNode.jsを採用
つまり、Webの技術を使ってデスクトップアプリを構築すること
ができる

6. Electronの利点1
Webエンジニアが開発できる
Web系エンジニアがいる会社は多いが、デスクトップアプリエン
ジニアを雇用している会社は少ない
Electronを採用すれば、内部のWebエンジニアだけで開発するこ
とができるため、Web系企業であっても、デスクトップアプリを
内製することができる

7. Electronの利点2
ネイティブ化の流れに乗れる
スマートフォンアプリの大ヒットによって、ネイティブアプリが
見直されるようになった
例1：SlackのMacアプリ
例2：チャットワークのデスクトップアプリ
Webアプリのネイティブ化には需要がある！

8. Electronの利点3
名だたる採用実績があるから安心できる

9. Electron
システム構成(例)
バック側：Node.js上にローカルなWebサーバを構築(Express等)
フロント側：ローカルWebサーバにアクセスして、HTMLで描画
React.js・Vue.js・AngularなどのJSフレームワークを活用して、
リッチなUIのアプリケーションを構築することも可能

11. まとめ
Electronを使うと、Web技術を使ってデスクトップアプリケーシ
ョンを開発することができます。
今はWebでしかサービスを提供していないけれど、将来的にはデ
スクトップアプリでもサービスを展開したいと思っている方には、
最適の技術です

12. 宣伝
現在、私が所属しているカタリストシステムでは、Wantedlyなど
の各種求人サイトでフリーランスやエンジニアを募集しています。
https://www.wantedly.com/companies/catalyst-system/projects
開発者ブログもやってます。
http://blog.catalyst-system.jp/

13. ご清聴ありがとうございま
した。