ELECTRON MEETUP (2015/11/28) #BOOST02

𝙎𝙝𝙤𝙜𝙤 𝙊𝙘𝙝𝙞𝙖𝙞 @_sgtn

いくお / ELECTRON MEETUP #BOOST02 boost.connpass.com/event/21830/?u… #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

Electronの勉強会きた！ #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

あんまりElectron触ったことある人いないみたい。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

#BOOST02 でもくもくする

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

v0.35からAPIが変わったぽい？ #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

話しながらインストールから実行まで10分ちょいぐらい。さくさく作れる。 #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

ナビゲーションがないブラウザと同じ。 #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

外部リンク踏んじゃうと戻れなくなっちゃうのちょっと困るｗ #BOOST02

sawa-zen @sawa_zen

Electronから外部ページにリンクすると戻れなくなるのかw　#BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

外部リンクを踏んだ時に、ユーザーが持つブラウザから開く説明。 #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

クリックイベントに仕込んで、ページに飛ばないように、event.preventDefault()でキャンセル。shell.openExternal()というからブラウザを開く。#BOOST02

Kiyoshi Nomo🐟📛 @kysnm

require 以外にも EcmaScript2015 の書き方普通に使えてますね。const とか #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

fsモジュールを使ってファイルに書き出すサンプル見てる。書き出すだけだと3行ぐらいしか記入してない。簡単ぽい。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

あー、Node.js の API 普通に使えてるのね nodejs.org/docs/latest-v4… nodejs.org/docs/latest-v4… #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

セキュリティ的にファイルアクセスがサンドボックスになってるという話かな？ #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

ブラウザのプロセスとメインのプロセスは別で提供されているAPIが違う。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

この辺か electron.atom.io/docs/v0.35.0/a… #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

ブラウザ側のプロセスにはdialogモジュールは提供されていないので、レンダラプロセスからdialog使う場合はremoteから使う。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

画像がブラウザにキャッシュされてしまうのでダイジェストが必要と #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

Chromeだから画像はキャッシュされてしまうので、再読み込みするような場合は、リクエストつけてキャッシュ消す。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

electron の API document 探しづらい… #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

コード書くの早いな―。 #BOOST02

𝕡𝕦𝕚 𝕡𝕦𝕚 にゃもげら🐹 @nyamogera

動作が重くてフリーズするような場合に、ブラウザの場合はwebworkerなど使えるけれど、Electronでは使えないのでチャイルドプロセスを使う。 #BOOST02

Kiyoshi Nomo🐟📛 @kysnm

これ Node.js の知識がある程度ないとつらそうだなー #BOOST02