【Electron v5.0.2】レンダラープロセス側でexportもrequireも is not definedになるぞちくしょうめ！ - †でおきしブログ†
☆解決方法 メインプロセス側のBrowserWindow作成時にnodeIntegrationをtrueにする レンダラーのhtmlで読み込むjsファイルはrequireを使う ★メインプロセス app.on('ready', () => { mainWindow = new BrowserWindow({ webPreferences: { nodeIntegration: true } }); }); BrowserWindowの初期化時にはwebPreferencesのnodeIntegrationをtrueに設定。 ★レンダラープロセス(html) <script> require('./index.js') </script> requireでjsファイルを読み込む ★参照元 stackoverflow.com ☆nodeIntegrationのデフォルト値はV5で変わったらしい
Electron 4.0.0 | Electron
The Electron team is excited to announce that the stable release of Electron 4 is now available! You can install it from electronjs.org or from npm via npm install electron@latest. The release is packed with upgrades, fixes, and new features, and we can't wait to see what you build with them. Read more for details about this release, and please share any feedback you have as you explore! What's Ne
Electron BrowserViewについてサンプルを読みつつ紹介 - Qiita
本記事では、ElectronのBrowserViewについてサンプルを読みつつ紹介します。 Electronは他のネイティブアプリと比べてWebアプリと連携するアプリが作りやすいので、Node.jsを使っている人はぜひ触ってみてください。 Electronとは ネイティブアプリケーションをWeb技術（HTML/JavaScript/CSS)で作るためのフレームワークです。 ネイティブアプリ特有の処理（ファイルアクセスなど）をNode.jsのメインプロセスが受け持ち、画面表示をHTML/JavaScript/CSSが受け持つという構造になっています。レンダラーにはChromiumが使われているので、JS対応状況に悩むことはほぼないです。 図１ Electronのアーキテクチャ BrowserViewとは アプリウィンドウにWebコンテンツを埋め込むために使うモジュールです。Electronプ
同一アプリをWeb版とElectron版の両方で作る方法 - Taste of Tech Topics
皆さん、こんにちはmiyasakagoです。 この記事はNode.js_2 Advent Calendar 2018 - Qiitaの23日目です。 ０）はじめに ここ2年くらいで私自身、Electronを実案件の中で使う機会が増えているのですが、比較的遭遇するのは、同一アプリでWeb版もElectron版（デスクトップアプリ）も両方ほしい、というようなシチュエーションです。 例えば、Electronベースで開発されているアプリの一つにSlackがありますが、SlackはWebアプリとしてブラウザ上から利用することも、デスクトップアプリとして利用することも可能になっていますよね。 こういうことを実現したいと思ったとき、どういう方法があるのかいくつか選択肢があり、迷いました。 少し探してもあまり情報がなかったため、いろいろ調べ自分なりに整理してみました。 １）Webアプリを先に作り、Elec
<webview>からBrowserViewへの移行 - Qiita
Electron公式ではBrowserViewを<webview>の代わりに使うことを推奨しています。 BrowserViewは可能な操作が<webview>に比べてまだ少なく、またmain process上で管理するため、<webview>とは些か勝手が違ってきます。 ここでは、BrowserViewで<webview>を操作してきた手法を置換するためのTIPSを紹介します。 基本的な操作 Before const webview = document.querySelector('webview'); // 表示するWeb Pageを変更する webview.src = 'https://yahoo.co.jp'; // 戻れるなら戻る if (webview.canGoBack()) { webview.goBack(); } // いけたらいく if (webview.canGoF
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Slackデスクトップは3.0でBrowserViewに移行した