Electron in Action
Electron in Action guides you, step-by-step, as you learn to build cross-platform desktop applications that run on Windows, OSX, and Linux. By the end of the book, you'll be ready to build simple, snappy applications using JavaScript, Node, and the Electron framework. about the technology Wouldn’t it be great to build desktop applications using just your web dev skills? Electron is a framework des
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(
Devtron | Electron
Debug your app Devtron is an open source tool to help you inspect, monitor, and debug your Electron app. Built on top of the amazing Chrome Developer Tools. Require Graph Visualize your app's internal and external library dependencies in both the main and renderer processes. The require graph allows you to trace through the loading order and dependency graph of the JavaScript files in your app. Ev
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-
Electron アプリを Mac App Store に登録する手順 - Qiita
必要な要件 Mac OS X 最新の Xcode Apple Developer Program（$100 per year） 有用なドキュメント Electron Mac App Store Submission Guide Mac App Store (MAS) Submission Guideline · nwjs/nw.js Wiki Enabling App Sandbox Electron 公式の Submission Guideline はコードサイニングについてしか書いていないので、nw.js の wiki を参考にしてアプリを登録していきます。この２つのドキュメントを読むだけでもゴールには到達できますが、つまずきポイントもなかなかあるので手順を解説していきます。 Electron アプリを Mac App Store に登録する手順 証明書を作成 iTunes Conne
Electron + Angular2でMarkdownでスライドを作れるプレゼンテーションツールを作っている - Please Drive Faster
Angular2を学ぶ目的から、最近はElectron + Angular2でプレゼンテーションツールを作っている。 とりあえず一通り動くところまでできたのでpublishした。 github.com 使い方はこんな感じ。 エレベーターの中の30秒でちゃんと相手に伝わるプレゼンをすることを意味するElevator Pitchという言葉があるんだけど、Cafe Pitchという名前はそこからきている。 素早くプレゼンを作るためのツールだけど、現実30秒でプレゼン作れないだろじゃあcafeかな、みたいな感じで、まとめるとそんなに深い意味はないです。 ちゃんと実行できるバイナリを用意しようとは思ってるけど、その辺の準備に必要なことがまだわかっていないのでnpmでglobalにinstallすれば使える、という感じ。 このあたりの記事を見ると分かりそうなので、追って対応していこうかなと思う。 あと
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
JavaScriptを開発したBrendan Eich氏、プライバシ重視の高速ブラウザ「Brave」発表 | OSDN Magazine
Mozillaの共同創業者でJavaScriptを考案したBrendan Eich氏は1月20日、Chromiumベースの独自Webブラウザ「Brave」を発表した。閲覧しようとするサイトに対し可能な限りHTTPSを利用した接続を試みる「HTTPS Everywhere」機能を内蔵するなど、プライバシを重視している点が特徴。WindowsおよびMac OS X、Linuxとモバイル（iOSとAndroid）版がリリース予定で、ベータ版の事前登録を受け付けている。 Braveを開発するBrave Softwareは、2014年春にMozillaを退社した後にEich氏らが立ち上げた企業。Eich氏は現在、Braveのプレジデント兼CEOに就任している。 BraveはChromiumをベースとするオープンソースのWebブラウザで、Electronフレームワークを利用して開発されている。HTTP
Electron で desktopCapturer と WebRTC を使ってリアルタイム配信するアプリを書いた - Qiita
Electron v0.36.0 から使えるようになった desktopCapturer モジュールと WebRTC を使ってリアルタイムに配信するアプリを書いていたのですが、 最低限動くものができたので公開しました。 https://github.com/yuitowest/decap 追記(2016/1/20) パッケージングしたものを公開しました。 https://github.com/yuitowest/decap/releases/tag/1.0.0 右上の歯車アイコンからチャンネルIDと配信用トークンを設定できるようにしてあります。 チャンネルIDと配信用トークンを設定していない場合は配信開始できないようになっています。 使用した技術
Electronでアプリを書く場合は、気合いと根性でXSSを発生させないようにしなければならない。 - 葉っぱ日記
そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol
ElectronでCSS Grid Layout Moduleを使ってちょっと未来のレイアウト方法を先取りしてみる - SourceChord
この記事はElectron Advent Calendar 2015 - Qiita2015の8日目の記事です。 今回の記事のサンプルコードは↓コチラ。 https://github.com/sourcechord/electron-gridlayout-sample 目次 前置き CSS Grid Layout Module Level 1 CSS Grid Layoutの各ブラウザの対応状況 対応状況について補足 メリット・デメリット？ CSS Grid Layoutを使ってみる 参考サイト 言葉の定義 Chromiumの拡張フラグを設定する 単純なグリッドレイアウト gridレイアウトをする領域の定義 グリッド上に自動で流し込む場合 流し込む方向の指定 グリッド上の特定の位置へ配置 特定のセルに配置 複数のセルにまたがった配置 ショートハンド Z-Indexの指定 複雑なレイアウト
React・Reduxを使ったElectronアプリのboilerplateを作ってみました - DJ lemon-Sour's diary (prod.hisasann)
hisasann/electron-react-redux-boilerplate はじめに Node.js + Babel 6 + React + Redux + Webpack + Gulp + Electron Electronを母体として、React・Reduxを使ったフロントエンドのアーキテクチャについて試したことをメモメモ Webpackはbrowserifyとしか使っていません Electron 最近はやりのElectron（MacやWindowsのアプリ化）を使った場合の開発の仕方や、どうやるのが効率的かを少しずつメモしていきます 現時点では、Electronでビルドしたアプリのリリースやアップデートに関しては未調査になります Livereload まずは Livereload これがないとはじまりません 以下の記事を参考に、gulpのタスクを作ってみました ぼくのかんがえ
はてブViewer 『Pasta』のElectron版を公開しました - undefined
概要 先日公開した、はてブviewer『Pasta』のElectron版を公開しました。 主な機能については下記記事を参照してください。 blog.bokuweb.me WEB版ではGoogle Feed APIを使用してJSONPでデータを受けてたんですが、deprecatedとなっているのを見落としてまして、つい先日403が返ってくるようになってしまいました。そのため現在WEB版は使用できません。申し訳ありません。ひとまず復旧したようです。 取り急ぎElectron版では直接はてブのフィードを見に行くことで対応してます。 ダウンロード ここから各環境に合ったものをダウンロードしてください。 github.com WEB版に追加して行ったこと アイコンを作った アイコンはここで作りました。 ls8h.com Macの場合は*.icnsを作成する必要があります。 以下を参考にしました。 q
Electronアプリをプロダクトとして「正しく」リリースするために必要な3つのこと | 株式会社ヌーラボ(Nulab inc.)
Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを
東京Node学園祭 2015 で Electron について話した - はやくプログラムになりたい
画像は公式サイトから 発表について 11/7 にあった 東京 Node 学園祭 2015 で Electron の発表した． 周りすごい人達ばかりで，明らかに今年の6月ぐらいに初めた自分よりも，JavaScript も Node.js もフロントエンドも書ける人達に囲まれての発表だったので，正直どうしようかなと思ったけれど，自分が Electron で Web フロントエンド&Node.js に入門することになった経緯と，その過程で得た知見を共有する感じにしようとなってこんな感じの資料になった． 色々詰め込もうとして25分に対して42ページになったものの，一応発表練習しておいたのもあって，時間通り喋れてよかった．ただ，スライド内で紹介した僕が書いたアプリのコードはまだかなり汚くて設計もいけてないと思うので，awesome-electron にある他のアプリのほうが参考になるかもしれない…
Atom Flight Manual
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
ELECTRON MEETUP #BOOST02 (2015/11/28 10:00〜)
【＊1日通し参加枠拡大しました＊】 【electron開発者向けミートアップ開催！】 ＊勉強会とLTもあるよ！ electronを用いて開発を行っているエンジニア向けノートアプリ「Boost（http://b00st.io）」の提供を行うMAISIN&CO.株式会社が主催となり、electron開発者の方を対象としたミートアップを開催致します。 また、これからelectronを触ってみたい方向けに同日午前中に勉強会も行います。 是非electron技術者同士の交流にご活用ください。 皆様にとって貴重な時間に出来ますよう準備してお待ちしております。 LTの発表時には、皆様の発表に加え、MAISIN&CO.のCTOを務めるChoiよりBoostの開発秘話やelectron開発の苦労等をお話させて頂きますのでご期待ください。 ＊LT登壇者を絶賛募集しています。詳細は最下部の記載をご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://utf-8.jp/public/2016/0328/shibuyaxss.pdf
GitHub - jenslind/electron-gh-releases: :shipit: Electron auto-update by releasing on Github.
electron/docs-translations/jp at master · atom/electron · GitHub