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
-,

執筆者:

関連記事

RaspberryPI3のNode-REDでHello World

By: Harry Rose – CC BY 2.0 目次1 Node-RED2 インストール3 Hello World Node-RED Node-REDはハードウェアデバイス/APIお …

Todolistをmarionette化

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

Electronでsqlite3を使ったアプリ

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

Electron+Browserify(debowerify)+jQueryUi

By: Wilson Hui – CC BY 2.0 目次1 bower install2 browserify(debowerify)3 require4 jQueryUIをMarion …

1から学ぶWebpackの使い方

By: fdecomite – CC BY 2.0 目次1 webpackとは2 インストール3 webpackをつかう4 webpack.config.js5 babel-loader6 …