How to make your Electron app launch 1,000ms faster
A dog dashing very fastHi, I’m Takuya, an indie developer building a Markdown note-taking app called Inkdrop. This app is built on top of Electron, a framework that allows you to build a cross-platform desktop app based on NodeJS and Chromium (browser). It is basically a great framework because you can build desktop apps without learning native frameworks or languages but with JavaScript, HTML and
OSSのJSONエディタをElectronアプリに移植した - マルシテイア
josdejong氏作のJSONエディタを、Electronでデスクトップ用アプリに移植しました。 github.com 元のJSONエディタはこちら。めちゃ高機能で便利。 僕が書いたコードはたった200行くらいです。 github.com なぜ作った 仕事でイベント用のUnityアプリを作る事が多い 現場でパラメータを調整するために、パラメータをJSONやCSVファイルに出しておくことが多い SRDebuggerとかでアプリ内に設定画面を作る事も多いけど、その時間すらない事もある プログラマー的にはJSONを使いたい プログラマー以外の普通の人にとっては、JSONの編集は難しい CSVはエクセルで編集できて便利という世界観 普通の人が使えるJSONエディタがほしい オンラインJSONエディタは良い奴がたくさんある exeで欲しいんだが！！！ Electronでラップしたら良いのでは？ E
electronでリリース用パッケージを作る - PartyIX
先日書いたとおり，electronでMastodonクライアントを作ったのだが，パッケージ化に関してかなり迷走したので，最近のelectron事情を書いておく． electronに関しては，「ほら，こうしたら簡単に作れるでしょ？」といういわゆるHello World系の記事が非常に多く，細かい困りごとやリリースに必要な情報はあまり出てこない． また，2015年くらいの，electronが流行り始めた時期の記事は結構あるものの，最近はそこまで記事が多くないこともあり，最近のリリース事情がよくわからなかった． アイコンを作る アイコンは，どのようなビルド手段を使うにしてもおそらく同じセットが必要になる． これに関してはあまり変更されておらず，古い記事でもかなり役に立った． とりあえず大本となるpng画像かなにかを手元に用意しておく． Mac icnsファイルを用意し，それをelectron-b
Getting Started - Electron Forge
Quickly scaffold an Electron project with a full build pipeline Electron Forge is an all-in-one tool for packaging and distributing Electron applications. It combines many single-purpose packages to create a full build pipeline that works out of the box, complete with code signing, installers, and artifact publishing. For advanced workflows, custom build logic can be added in the Forge lifecycle t
Architecting Electron Applications for 60fps - NearForm
Improving the performance of Electron Electron is a native desktop environment that combines the NodeJS runtime with the Chromium browser. This creates a powerful combination of technologies that allows creating cross-platform applications at a fraction of the cost of other methods. Despite the many benefits Electron is lauded for, performance often isn’t one of them. In this post, we’ll dive deep
Project of the Week: Jasper | Electron Blog
This week we interviewed the creator of Jasper, an Electron-based tool for managing GitHub notifications. Hello! Who are you? I'm Ryo Maruyama, a software developer in Japan. I am developing Jasper and ESDoc. What is Jasper? Jasper is a flexible and powerful issue reader for GitHub. It supports issues and pull requests on github.com and GitHub Enterprise. Why did you make it? When people use GitHu
Re:ゼロからはじめるElectron 〜Electronで ゲームを作りたかった話〜 #kyotojs
作りたかったんだわかってくれ
ElectronでChrome Extension使えるようにするまでのハマりどころ - Qiita
そんなに使わないのでいつも流し見していたのだけど、どうしてもReact Dev ToolをElectronに入れたくなって本気出したら詰んだ。 ドキュメントはこのあたり。両方読まないとはまりがち。 https://github.com/electron/electron/blob/master/docs/tutorial/devtools-extension.md https://github.com/electron/electron/blob/master/docs/api/browser-window.md#browserwindowadddevtoolsextensionpath 最終形のjsはこんな具合 const {BrowserWindow} = electron; const os = require('os') const path = require('path') c
Electron アプリをつくる時に便利なパッケージ - はやくプログラムになりたい
この記事は Electron アドベントカレンダー2016 の13日目の記事です． 本記事では，僕が Electron アプリをつくる上で便利だったり，ほしかったのでつくったりしたパッケージを7つほど紹介します． electron-about-window electron-dl electron-in-page-search electron-window-state menubar node-auto-launch electron-mocha electron-about-window electron-about-window は 'このアプリについて' ウィンドウを簡単にクロスプラットフォームにつくるためのパッケージです．下記のように関数を1つインポートして呼び出すだけで「このアプリについて」ウィンドウを生成することができます．（example） import openAbout
Electrode | Universal React and Node.js Application Platform @WalmartLabs Powered
Web Electrode is a platform for building universal React/Node.js applications with standardized structure, best practices, and modern technologies baked in. Electrode focuses on performance, component reusability, and simple deployment to multiple cloud providers—so you can focus on what makes your app unique. Native Electrode Native is a mobile platform that simplifies development and streamlines
ElectronアプリのXSSでrm -fr /を実行する - Qiita
Electronアプリでxssを発生させると任意のコードが実行できるらしいのでrm -fr /を試してみます。 想定 web版とelectron版のあるチャットアプリケーションという設定です。攻撃者が用意したリンクをクリックすると、PC内のすべてのファイルを消し去るというシチュエーションを考えてみます。 用意 環境はホストmac OSX、ゲストにubuntu14.04環境をvagrantを利用し用意しました。 expressでリストとフォームからなる脆弱性のあるチャットをつくります。エスケープ処理をしてないので、任意のコードが実行できる状況です。 'use strict'; const path = require('path'); const express = require('express'); const app = express(); const ejs = require(
Release electron v1.0.0 · electron/electron
Changelog: Bump version number to 1.0.0. Remove deprecated APIs. #5373 Migration notice: Please update your app to v0.37.8 first to check whether there are deprecated APIs usages. Following deprecated events of BrowserWindow have been removed but there were no deprecation warnings in previous versions, you should use the corresponding events in webContents instead: crash devtools-focused devtools-
MozillaがProject Tofinoでブラウザの新たなあり方を模索中 - Mozilla Flux
新たなパラダイムの探究 Firefoxはその成功ゆえに革新が難しくなるというイノベーションのジレンマに陥っている。そうした問題意識を背景に、ブラウザのユーザーインターフェイス（UI）のコンセプトが、1996年ではなく、2016年に作られたとしたらどうなるかを実験していくのが、Project Tofinoだ。プロジェクト名は、着想を得た場所がカナダのバンクーバー島にある同名の地域であったことに基づく。 プロジェクトのトップはMark Mayo氏。Mozilla CorporationでFirefox部門のSenior Vice Presidentを務める人物である。また、Firefox部門のLead DesignerであるPhilipp Sackl氏もプロジェクトに加わっている。しかも、チームのメンバーを少数に絞ってTofinoとバンクーバーに集め、他のメーリングリストやミーティングからも外
Coffee, jQueryで書いていたElectronアプリをES6, React, Reduxで書き直した - k0kubun's blog
ElectronベースのTwitterクライアント: Nocturn ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blog の時にCoffeeScriptとjQueryで作っていたNocturnというTwitterクライアントがあり、これをES6, React, Reduxを使って書き直した。この記事ではその時に得た知見、感じた事を書いておく。 移行したスタックと移行時に感じたこと あらかじめお断りしておくと、僕は普段はRubyでサーバサイドの実装や運用をやっている人であり、JavaScriptに関してはほぼ素人の意見なので、以下はReactとかRedux興味あるけどまだ触ったことないですみたいな人向けの内容になると思う。 CoffeeScript → ES6 移行 参考: 春からはじめるモダンJavaScript / ES201
働クリッカー
働クリッカーってどんなゲーム？一時期一世を風靡した、ブラウザゲーム『クッキークリッカー』を元ネタにした、クリックゲームです。 操作方法も簡単。とにかくクリックしてクリックしてクリックするだけ！ ……ではないのがこのゲーム。 C キーを押してコンソールを呼び出し、チートコードを叩き込んでやりましょう！ 普通のクリックゲームとして遊ぶもよし、チートコードで超高速クリアタイムを叩き出すもよしの、プログラミング学習ゲームです。 チートコードの書き方働クリッカーで使用するチートコードは、 JavaScript というプログラミング言語で記述します。 JavaScript ってなんだかよくわからない……って人は、コンソール画面右上の？アイコンをクリック！ リファレンスの下にサンプルコードがついていますから、それを元に、改造してみましょう。 働クリッカーを利用してプログラミング体験をさせる方へ働クリッカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - electron/forge: :electron: A complete tool for building and publishing Electron applications
GitHub - web-pal/DBGlass: PostgreSQL client built with Electron.
GitHub - JamesTheHacker/Neuron: Neuron - Electron, ES6, React, PouchDB, Sass, Webpack
Spectron | Electron
GitHub - nativefier/nativefier: Make any web page a desktop application
