node.js

Electronのアプリケーションメニューからセーブダイアログを出してファイルを保存

投稿日:

はじめに

今後は、Electronの機能をつかって、アプリケーションメニューからセーブダイアログを表示して、ファイルを保存する機能を実装してみた.

require

namespace.coffee

fsはファイルを操作するライブラリ.
レンダラプロセスでは、remoteを使って、メインプロセスの操作ができる.

MyApp.Application

start時に、メニューを描く.

メニュー

src/coffee/application_menu.coffee

Macでは最初のアプリケーションメニューのラベルは無視して、アプリケーション名にされてしまう.
clickで無名関数を指定する.単に関数を指定しただけではうまく動かなかった.
showSaveDialogは選択したファイルのパスか、undefinedを返す.

gulpfile.coffee

gulpfileに追加しておく.

できた

screenshot

-node.js
-,

執筆者:

関連記事

Electronでsqlite3を使ったアプリ

By: fdecomite – CC BY 2.0 目次1 環境2 electronでnpmモジュールを使うには3 jqueryをレンダラプロセスで使う4 slqite3の使い方5 ipc …

Electronで簡単にMac風UI〜Photon

By: Patrick Hoesly – CC BY 2.0 目次1 Photon2 gulpfile.coffee3 index.scss4 Todolistに適用する5 できた Pho …

Todolistをmarionette化

By: Jackie – CC BY 2.0 目次1 Marionette.js2 インストール3 Application4 gulpfile.coffee5 ItemView6 Coll …

Ubuntu12.04にnode6.9をインストール~nodebrew

By: Kazuyoshi Kato – CC BY 2.0 目次1 nodebrew自身のアップデート2 nodebrewでnode6.9をインストール3 yarnのインストール nod …

ElectronでTrayアイコン

By: Cooks & Kitchens – CC BY 2.0 目次1 Tray2 main.coffee3 できた Tray github.com/atom/electron