Electron の <webview> 内でリンクを開いたときに外部ブラウザで開く - Qiita
Electron で <webview> を使って UI をつくっていると，一般的なデスクトップアプリのようにリンクをクリックした時に外部ブラウザでそれを開きたいことがあります． <webview> 内でリンクをクリックして遷移しようとしたときにフックして外部ブラウザで代わりに開く処理を実装したのでそのメモです． Electron の <webview> のドキュメントはここ にすべてあります．（これだけしかないとも言う） なお，renderer プロセスからでも require('shell').openExternal(url) で外部ページを直接開くことができます．（実際には url をプロセス間通信でブラウザプロセス側に送り，そちらで外部ブラウザに渡しているようです） 'new-window' イベント <webview> にいくつかあるイベントのうち，'new-window' イ
Cross Domain Ajax Call in Atom Shell
We are working with Atom Shell (Currently known as electron) to wrap a web application as desktop app and having trouble making cross domain ajax calls due to CORS restriction. We also tried nw.js (Formerly known as Node-Webkit) and we had no problem making cross domain ajax call with it. Does Atom Shell (Electron) restrict cross domain calls by default?
ElectronでjQueryがundefinedになる - Qiita
<body> <script src="lib/jquery.min.js"></script> <script> jQuery('#hoge'); // jQuery is not defined </script> </body> 原因 electronのissueがあった。 jQuery isn't set globally because "module" is defined · Issue #254 · atom/electron Electronではブラウザ側のJS実行時にmodule.exportsが存在するので、jQueryがcommonJSでロードされたと勘違いして、windowに$とjQueryを定義しないというのが原因。（この辺りにif文が） 解決策 requireでロードする <!--<script src="lib/jquery.js"></script>-->
JavaScript (Electron) を使ってアプリの見栄えを整える - Qiita
Electronを使って見栄えを整えてみる ElectronはJavaScriptでデスクトップアプリケーションが作れるツールです。 前回「30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで」では簡単なアプリを作って配布するところまでやりました。 あとはいつも通りの JS + HTML + CSS でガリガリ書いていけばいいのですが、まずは見た目から入ろうということで、もう少しアプリっぽい見栄えにしてみましょう。 ちなみに、Macではいろいろ動作を確認しましたが、Windowsは知りません。 大体同じように動くはずですが、もしダメだったらWindows版の記述を教えて頂けると助かります。 基本設定は browser-window APIで browser-windowはアプリのウィンドウを表示するためのAPIです。 例えば、以下は単なるin
Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)
Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを
RailsエンジニアがElectronを触ってみた - Qiita
最近流行り（？）の、HTML + JavaScriptでクロスプラットフォームなデスクトップアプリを作成できるフレームワーク、 Electron を触ってみた。 Electron Electronとは GitHubが開発しているオープンソース 旧名Atom-Shell リッチなAPIを持ったランタイムを提供、ユーザーはHTML, JavaScriptといった普段使っているWeb技術でデスクトップアプリを作成可能 Mac、Windows、Linux対応 以下の2つの要素がベースとなっている Chromiumブラウザ Chromeブラウザのオープンソース版 io.js ランタイム Electron uses web pages as its GUI, so you could also see it as a minimal Chromium browser, controlled by Ja
30分で出来る、JavaScript (Electron) でデスクトップアプリを作って配布するまで - Qiita
概要 Electronとは、JavaScriptでデスクトップアプリケーションが作成できるツールです。 MITライセンスなので無料で使える上に商用利用も可能です。 最近ではAtomやSlackのアプリもElectronで作られたとのこと。 今かなりノっているツールの1つです。 以下、簡単な特徴。 Node.js + HTML + CSS という、WEBの技術でアプリが作れる。 Chromiumブラウザ(Chromeのオープンソース版)を内蔵しているので、普段の書き味と変わらない これ1つで Windows, Mac, Linux 向けのアプリが作れる 超簡単 ここではElectronのインストールからアプリの配布までを紹介します。 以下、「Hello World」を出すだけのアプリですが、ゼロからはじめて30分でここまで出来ます。 インストール まずは必要なものをインストール。 nodeの
Electron の dialog モジュールを使ってみる - 機械人形の実験室
今回は、Electronのdialogモジュールを使って、いろいろとやってみます。 dialogモジュールは、各プラットフォームのネイティヴのダイアログを表示するためのモジュールです。 github.com 前準備 Electronアプリを動かすのに、必要なファイルをざっと作っていきます。 package.son { "name":"dialog-test", "version":"0.1.0", "main":"main.js" } main.js var BrowserWindow = require('browser-window'); require('crash-reporter').start(); var mainWindow = null; app.on('window-all-closed', function(){ if(process.platform != 'dar
electron-connect
electron-connect Utility tool to develop applications with Electron. Using this in your Node.js scripts (e.g. gulpfile.js), you can livereload your Electron app. It provides the following features: start (and restart) Electron application. reload renderer processes. stop Electron application. Install Use npm: Usage electron-connect has server and client components. They communicate with each other
Electronでアプリケーションを作ってみよう - Qiita
はじめに Electronをご存知でしょうか. Electron(旧称: Atom-Shell)は, Atomエディタを開発するために生まれたクロスプラットフォームデスクトップアプリケーションエンジンです. Node.js + Chromiumをランタイムとしており, Atomだけでなく, Slackや先日のBuildで発表されて話題となったVisualStudio CodeもElectronで実装されています. いわゆるWeb系の技術, Node.js + HTML + CSSでアプリケーションを作成できるのが特徴です. 類似した思想のフレームワークとして, node-webkit(NW.js)もありますが, アプリケーションのエントリポイントの考え方等が異なります. このエントリでは, Electronの使い方をサンプルアプリを実装しながら説明していきます. お題 このエントリのお題と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DeNA Engineering - DeNAエンジニアのポータルサイト
electron/global-shortcut.md at master · electron/electron · GitHub
electron/docs/api/global-shortcut.md at main · electron/electron
GitHub - max-mapper/menubar: ➖ high level way to create menubar desktop applications with electron
jQuery issue on render side · Issue #345 · electron/electron