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

執筆者:

関連記事

GoogleHomeに好きな言葉をしゃべらせる〜google-home-notifier

By: Sabrina Eras – CC BY 2.0 目次1 Google Home2 google-home-notifier Google Home Google Homeは言わず …

Electronでmaterialize

By: Vancouver Film School – CC BY 2.0 目次1 Materialize2 bower3 sass4 browserify5 できた Materializ …

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

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

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

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

Todolistをmarionette化

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