質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Electron

Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

解決済

Typescript×Electron 「閉じる」を行った際に、終了するか、キャンセルするかを確認したい

you_19000
you_19000

総合スコア29

Electron

Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

2回答

0評価

0クリップ

5233閲覧

投稿2019/05/15 01:42

編集2019/05/22 01:22

宜しくお願い致します。
electronの勉強をしています。分からないところがあり教えていただけないでしょうか。

以下の通り基本的なelectronの画面を作成、
終了する処理を入れたコードを作りました。

HTML側は現状Hello worldを表示するだけですが、
window右上の「×」による閉じるを行った際に、
必ず終了するか閉じるをキャンセルするかを入れたいと思っています。

該当箇所以下の通り作成したみたのですが、
app.on("before-quit", () => { ... }
画面を閉じた後にダイアログが表示されるのみで、
画面は閉じてしまい、目的を達することができませんでした。

こういった事をしたい場合は、どういったコードを追加するべきか教えていただけないでしょうか。
以下コード全体と環境を記載致します。
宜しくお願い致します。

【環境】
windows 10 64bit
"electron": "^5.0.1",
"typescript": "^3.4.5",

【コード】

Typescript

import electron = require("electron"); import dialog = electron.dialog; import app = electron.app; import BrowserWindow = electron.BrowserWindow; let mainWindow: BrowserWindow | null = null; app.on("before-quit", () => { const option = { type: "info", buttons: ["キャンセル", "終了する"], defaultId: 0, title: "閉じるボタンを押しました", message: "ファイルは保存しましたか?していなければキャンセルを押して下さい。" } const num: number = dialog.showMessageBox(option); if (num === 1) { app.quit(); } }); app.on("ready", (() => { mainWindow = new BrowserWindow({ width: 1000, height: 700, minWidth: 500, minHeight: 200, acceptFirstMouse: true, }); mainWindow.loadURL("file://" + __dirname + "/index.html"); mainWindow.on("closed", () => { mainWindow = null; }); }));

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

sansaisoba
sansaisoba

2019/05/20 18:57

> 【環境】 > windows 10 64bit > typescript 6.4.1 > electron 6.4.1 typescriptとelectronのバージョンが正しくないと思います。(どっちも6.4.1というバージョンは出てないです…)
you_19000
you_19000

2019/05/22 01:21

申し訳ありません。 私がバージョンの確認方法を誤っていました。 誤 ... npm electron -v 上記の通りにうって出てきたバージョンを書いておりました。 実際のバージョンは以下になります。 "electron": "^5.0.1", "typescript": "^3.4.5",

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Electron

Electronは、HTML5とNode.jsというWebの技術を用いてデスクトップアプリケーションを作成できるクロスプラットフォームな実行環境です。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。