エレクトロン手巻き寿司

コマンドラインからアプリ名とURLを指定して叩くとアプリになるコマンドを作った。

• 手巻き寿司が食べたかった。
  • 海苔=Electron
  • 酢飯=AppName
  • 具=URL

概要

1. 😊 < へいらっしゃい。
2. 🙋 < $ npm install electron-temaki-sushi -g
3. 🙋 < $ electron-temaki-sushi Google https://google.com/
4. 🙆 🍣(Google.app)三👏😊 < あいよ。

公開

• ソースコードはGitHubに公開しています。
• npmパッケージも公開しています。

参考URL

• lectronでChatworkをデスクトップアプリ化 (Webview + badge): Webviewを使うあたりを参考にさせていただきました 🙏
  • でもまだTwitterのウェブサイトとかだとログインボタンが効かなかったりする。Googleのウェブサイトだと上手く動くやうだ。（ふしぎ。）
• Electron - Enable copy and paste: 入力フォームとかへのコピペ機能の追加方法など参考にさせていただきました 🙏

勘所

• CLIを作るのにmeowというのを使ってみた。なぜねこなのか。
• アプリのひな形にタイトルを流し込んだりするのにテンプレートエンジンを使ってみた。ectというやつ。速いらしいよ。
• CoffeeScript.compile('CoffeeScriptのソースコードの文字列')とするとJavaScriptのソースコードの文字列が得られる。
• tmpモジュールはsetGracefulCleanup()してやるとプロセスが不慮の事故で終了してもちゃんと後片付けをしてくれるようだ。
• gulpモジュールはstart()を叩いてやればソースコードからもタスクを実行できる。
• package.jsonのbinに指定したスクリプトはシェルスクリプトとそれをラップしたWindows向けのバッチファイルをnpm install時に生成してくれるようだ。
• README.mdに絵文字（:piyo:）を使うとGitHubでは見えてもhttps://www.npmjs.comでは見えないのでつらい。

そのうち調べたい事柄

• Electronで作ったアプリのクッキーやらはどこに保存されておるのか？
• アプリにステータスバーが欲しい。HTTPリクエスト中なのか何してるのか分かりづらい。
• アプリを起動後に閉じてしまったDevToolsを再度openDevTools()するにはどうすればええのか？
• faviconとかやらを使ってアプリのアイコンとかにしたいよね。

類似アプリ

ウェブサイトをアプリにしたい。そんなあなたにOS X用であればFluid - Turn Your Favorite Web Apps into Real Mac Apps.というのもあるYO。