18
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

エレクトロン手巻き寿司

Last updated at Posted at 2015-11-18

コマンドラインからアプリ名と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

勘所

  • CLIを作るのにmeowというのを使ってみた。なぜねこなのか。
  • アプリのひな形にタイトルを流し込んだりするのにテンプレートエンジンを使ってみた。ectというやつ。速いらしいよ。
  • CoffeeScript.compile('CoffeeScriptのソースコードの文字列')とするとJavaScriptのソースコードの文字列が得られる。
  • tmpモジュールはsetGracefulCleanup()してやるとプロセスが不慮の事故で終了してもちゃんと後片付けをしてくれるようだ。
  • gulpモジュールはstart()を叩いてやればソースコードからもタスクを実行できる。
  • package.jsonbinに指定したスクリプトはシェルスクリプトとそれをラップした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。

18
18
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
18

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?