You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Tauri はクロスプラットフォームデスクトップアプリのための Rust によるフレームワークです。Electron と同様 Web 技術でアプリの UI を構築します。 Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio 記事執筆時点で v1.0.0-rc.5 (Pre-release)、もうすぐ v1.0 がリリースされそうなところです。 Release v1.0.0-rc.5: Apply Version Updates From Current Changes (#3468) · tauri-apps/tauri Electron と比べて、インストーラーのサイズ、メモリ消費量、起動時間などが圧倒的に小さいと謳われています。 https://gi
Electronでローカルファイルの選択ダイアログを実装するときには、dialogモジュールのshowOpenDialog関数を利用します。HTML <input type="file"> を利用するとファイルの選択ダイアログの表示はできますが、ファイルパスは取得できません。 よく利用する引数 dialog.showOpenDialog([browserWindow, ]options[, callback]) browserWindow (BrowserWindow) 親となるBrowserWindowsオブジェクトを指定すると、モーダル(表示中に親のウィンドウを無効化する)ウィンドウとして表示できる。 options (Object) title (String) ダイアログのタイトルに表示する文字列 defalutPath (String) 最初に表示するパス buttonLabel
ドキュメントにはふわっとしか載っていなかったのでここにまとめます。 https://github.com/atom/electron/blob/master/docs/api/app.md#appgetpathname Electron v0.34.3 Windows console.log(app.getPath('home')); // -> C:\Users\【ユーザー名】 console.log(app.getPath('appData')); // -> C:\Users\【ユーザー名】\AppData\Roaming console.log(app.getPath('userData')); // -> C:\Users\【ユーザー名】\AppData\Roaming\【パッケージ名】 console.log(app.getPath('temp')); // -> C:\Use
動作環境 Electron: 1.3.9 ウィンドウのメニューをカスタムしたい 良くホームページとかには、グローバルメニューのようにページを横断して移動できるリンクがあります。 Electronで作ったアプリでもグローバルメニュー付けたいなーと思っていたのですが、 せっかくアプリを作っているのですから、HTMLで記述するのでは無く、ウィンドウメニューに付けられないかなーと思い調べてみました。 公式のドキュメントにやり方が乗ってました。 ■Menu http://electron.atom.io/docs/api/menu/ という訳で実装してみます。 導入 'use strict'; // Electronのモジュール const electron = require("electron"); // アプリケーションをコントロールするモジュール const app = electron.a
組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されており、なかなか大きな案件での採用と思いますので参考になれば幸いです。 ※Electron の基本的な説明は割愛します。 システムについて 一般的に「受付精算機」などと呼ばれ、店頭に何台か並べて設置して自動で受付・精算を行うシステムです。 ホテルの受付端末のイメージです。ハード的にはセルフレジにも近いです。 筐体自体は他社が用意し、弊社はその上に載せる GUI アプリケーションのみを担当しました。 機能 主な機能として 来店受付・整理券発行 予約チェックイン チェックアウト
Communicate asynchronously from the main process to renderer processes. Process: Main The ipcMain module is an Event Emitter. When used in the main process, it handles asynchronous and synchronous messages sent from a renderer process (web page). Messages sent from a renderer will be emitted to this module. For usage examples, check out the IPC tutorial. Sending messagesIt is also possible to sen
手順 vue-cli のプラグイン vue-cli-plugin-electron-builder を使ってプロジェクトのテンプレートを作成します。 前提 Node.js がインストールされていて、コンソールより npm コマンドが使えるものとします。 1. Vue CLI がインストールされていない場合はインストールします。 npm install -g @vue/cli 2. プロジェクトのテンプレートを作成します。 vue create sample 使用する Vue.js のバージョンを聞かれるので選択します。 ? Please pick a preset: (Use arrow keys) > Default ([Vue 2] babel, eslint) Default (Vue 3 Preview) ([Vue 3] babel, eslint) Manually selec
デスクトップアプリではURLの概念がないからでしょうか?原因はよくわかりませんが、上記の設定でうまく行きました。 Electronとvue-routerを併用していてなぜかうまく行かない場合は試してみてください。 関連記事 vue-router webpackでページごとにファイルを分割するvue-routerでシングルアプリケーションを作成していると、ページ数が増えるにしたがって作成されるjsファイルのファイルサイズもどんどん増えていきます。ページごとにファイルを分割し、そのページがア... vue-router 現在のパスによってスタイルを変更するvue-routerでシングルページアプリケーションを作成する際に、例えばヘッダやサイドバーのナビゲーションで現在表示しているページのリンクを無効にしたり色を変えたりしたい場合があります。現在表示して... vue-routerを導入してSP
問題プロキシ環境下で、Electron (9.0.5) をインストールしようとしたら、まぁいろいろとエラーになってハマりました。 どうも、node install.js の実行がうまくいっていないようです。 D:\sandbox> npm install electron --save-dev > core-js@3.6.5 postinstall D:\sandbox\node_modules\core-js > node -e "try{require('./postinstall')}catch(e){}" > electron@9.0.5 postinstall D:\sandbox\node_modules\electron > node install.js RequestError: read ECONNRESET at ClientRequest.<anonymous> (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く