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

執筆者:

関連記事

デスクトップアプリを作成できるフレームワークをWindowsで触ってみた~Electron

By: Adam Jenkins – CC BY 2.0 目次1 Electron2 前提3 electronのインストール4 Hello World5 パッケージング6 DevTool7 …

Electronでsqlite3を使ったアプリ

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

RaspberryPI3のNode-REDでHello World

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

gulpでelectronをlivereloadしながらcoffeeとsassで開発する環境

By: Nrico – CC BY 2.0 目次1 package.json2 gulpfile.coffee3 bower + browserify4 ストップウォッチ package. …

Electron+Browserify(debowerify)+jQueryUi

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