Electronã®ã‚»ã‚ュリティã¯é›£ã—ã„？ | BLOG - DeNA Engineering
ã“ã®ãƒ–ãƒã‚°ã¯ã€Œmobage developers blogã€2016.4.28ã®è¨˜äº‹ã‚’転載ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã“ã‚“ã«ã¡ã¯ã€‚ã‚»ã‚ュリティ技術グループã®ã¯ã‚‹ã·ã§ã™ã€‚今回ã¯Electronã®ã‚»ã‚ュリティã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ Electronã¨ã¯ã€Node.jsã¨Chromiumをベースã¨ã—ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションを作æˆã™ã‚‹ã‚¯ãƒã‚¹ãƒ—ラットフォーム実行環境ã§ã™ã€‚HTMLã‚„JavaScriptãªã©Web技術ã«ã‚ˆã£ã¦ã€ãƒ—ラットフォームã®é•ã„ã‚’æ°—ã«ã›ãšã«æ‰‹è»½ã«Windowsã€Macã€Linuxã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションを作æˆã§ãã‚‹ã¨ã„ã†éƒ¨åˆ†ãŒç‰¹å¾´ã§ã™ã€‚ Web技術を利用ã—ã¦é–‹ç™ºãŒã§ãã‚‹ãŸã‚ã€Web技術者ã«ã¨ã£ã¦ã¯ã‹ãªã‚Šç°¡å˜ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã€ä»Šå¾Œã‚‚様々ãªã‚¢ãƒ—リケーションãŒElectronã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¦ã„ãよã†ã«ãªã‚‹ã®ã§ã¯ãªã„ã‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ elect
node-ffi-napiã§Pythonã‚’å‹•ã‹ã—ã¦ã€PyObjC経由ã§Cocoa APIã‚’å©ã„ã¦çµæžœã‚’別スレッドã§HTTPã§å—ã‘å–ã£ãŸ - non vorrei lavorare
@kjunichiã§ã™ã€‚ã“ã®è¨˜äº‹ã¯Qiita Node.js Advent Calendar 2019 6æ—¥ã®è¨˜äº‹ã§ã™ã€‚ 背景 ãŸã¾ãƒ¼ã«ã€æµè¡Œã®GitHub見ã¦è»¢è·æ¡ˆå†…ã—ã¦ãれるサイトã«ç™»éŒ²ã—ã¦ã‚‹ã®ã§ã€ KeyCast.js見ã¾ã—ãŸï¼ãªã‚“ã¦ãƒ¡ãƒ¼ãƒ«ã‚’ã„ãŸã ãã“ã¨ãŒã‚ã‚Šã¾ã™ãŒã€‚ AIã‹ã‚‰ã®ãƒ¡ãƒ¼ãƒ«ãªã®ã¯ãƒãƒ¬ãƒãƒ¬ã§ã‚‚メンタル豆è…ãªã®ã§ã€ã“ã®æ•°å¹´ãƒ¡ãƒ³ãƒ†ã—ã¦ãŠã‚‰ãšå¿ƒè‹¦ã—ãã«ãªã‚‹ã“ã¨ãŒã‚ã‚‹ã®ã§ã€ é‡ã„腰を上ã’ã¦å¯¾å¿œã—よã†ã¨ã—ãŸã‚‰ã€NodObjCãŒä¸å®‰å®šã™ãŽã¦ã€åˆ¥ã®æ–¹æ³•ã‚’模索ã—ã¦ã„る。 ã£ã¦ã®ã¨ã€Keycast.jsãŒä»¥å‰ã®ã‚¢ãƒ‰ã‚«ãƒ¬ãŒãã£ã‹ã‘ã§ä½œæˆã—ãŸã®ã§ã€æ–°ãƒã‚¿ æ€ã„ã¤ã‹ãªã‹ã£ãŸã¨ã„ã†ã®ã‚‚ã‚る。 Node.jsã§ç›´æŽ¥Cocoaを扱ãˆãªããªã£ãŸï¼Ÿï¼ node-ffiã¯ã“ã“æ•°å¹´æ›´æ–°ãŒã•ã‚Œã¦ã„ãªã„状態ãŒç¶šã„ã¦ã„る。 NAPIã«å¯¾å¿œã—㟠node-ffi-napiãŒä½œã‚‰ã‚Œã¦ã„る。ã“ã‚Œã¯Node.jsã«ã‚¹ãƒ¬ãƒƒãƒ‰ã‚’
Electronã§ãƒ¬ãƒ³ãƒ€ãƒ©ãƒ—ãƒã‚»ã‚¹åŒå£«ã®IPC - Qiita
const ipcMain = require("electron").remote.ipcMain; ipcMain.on("message", (event, body)=>{...}); レンダラプãƒã‚»ã‚¹ => メインプãƒã‚»ã‚¹ メインプãƒã‚»ã‚¹ => レンダラプãƒã‚»ã‚¹ ã“ã‚Œã¯ã‚ˆãã‚„ã‚‹ã®ã§ã™ãŒã€‚ レンダラプãƒã‚»ã‚¹ => レンダラプãƒã‚»ã‚¹ ã‚’ã‚„ã‚ã†ã¨ã—ã¦èº“ã„ãŸã®ã§å‚™å¿˜éŒ²ã€‚ NG集
Electronアプリを公開ã™ã‚‹ã¾ã§ã«ã‚„ã£ãŸã“ã¨ãƒŽã‚¦ãƒã‚¦ã¾ã¨ã‚ - Qiita
利用ã—ãŸã‚‚ã® Git npmパッケージã§githubã‹ã‚‰URL指定ã§ãƒªãƒã‚¸ãƒˆãƒªã‹ã‚‰å–å¾—ã—ã¦ãる時ã«åˆ©ç”¨ã™ã‚‹ node.js electronã®node.jsã¯npm時ã«è‡ªå‹•çš„ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã‚‹ npmをインストールã—ãŸã‚Šé–‹ç™ºå‘ã‘デãƒãƒƒã‚°èµ·å‹•ã«ä½¿ã†ã‚‚ã®ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯ç¥žçµŒè³ªã«ãªã‚‹å¿…è¦ã¯ç„¡ã„ yarn npmより超高速ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«å‡ºæ¥ã‚‹ npm-shrinkwrap.jsonã«ã‚ãŸã‚‹yarn.lockãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ç”Ÿæˆã•ã‚Œã‚‹ã®ã§ãƒãƒ¼ã‚¸ãƒ§ãƒ³å›ºå®šåŒ–・統一ãŒã—ã‚„ã™ã„ npm install -g yarn yarn && cd src && yarn 本プãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ãƒ«ãƒ¼ãƒˆã«ã¯electronä»–ã€ãƒ‡ãƒãƒƒã‚°ã€ãƒ“ルド用devDependenciesã‚’ã€å®Ÿéš›ã«ãƒ‘ッケージングã•ã‚Œã‚‹å ´åˆã«å¿…è¦ãªnode_moduleã¯src以下ã«package.jsonを作æˆã—dependenciesã«è¿½åŠ ã—ã¦ç„¡é§„ãªno
Node.js(electron)アプリã§BLE機器をå–り扱ã†æ–¹æ³•ã¾ã¨ã‚(2024/4月版) - Qiita
〇：注æ„äº‹é …ãŒã»ã¼ç„¡ã„ã€â–³ï¼šå‹•ã„ãŸã‚Šå‹•ã‹ãªã‹ã£ãŸã‚Šæ³¨æ„äº‹é …ãŒã‚ã‚‹ (1)@abandonware/noble Node.jsã‹ã‚‰BLE機器ã¨é€šä¿¡ã‚’è¡Œã†ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã®æ–¹æ³•ã¯nobleã§ã™ãŒã€ã“ã¡ã‚‰ã¯æ´¾ç”Ÿã«ãªã‚Šã¾ã™ã€‚元リãƒã‚¸ãƒˆãƒªã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒæ¢ã¾ã£ã¦ã—ã¾ã£ãŸãŸã‚混迷を極ã‚ã¦ã„ã¾ã—ãŸãŒã€2023/05月ç¾åœ¨@abandonware/nobleã§3OS網羅ã•ã‚ŒãŸã®ã§ã—ã°ã‚‰ã主æµã¨ãªã‚‹ã§ã—ょã†ã€‚ Windows 1.9.2-17 ã‹ã‚‰WinRT実装ãŒçµ„ã¿è¾¼ã¾ã‚Œã¾ã—ãŸã€‚OSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ10.0.15063以上ã ã¨ã“ã¡ã‚‰ã®bindingsãŒä½¿ç”¨ã•ã‚Œã¾ã™ã€‚ 10.0.15063以上ã ã¨ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã‚’インストールã›ãšã«ä½¿ç”¨å¯èƒ½ã§ã™ 10.0.15063未満ã§ã¯æ—§æ¥ã®WinUSBドライãƒãƒ¼ã‚’インストールã™ã‚‹å¿…è¦ãŒã‚るモジュールãŒç”Ÿæˆã•ã‚Œã¾ã™ï¼ˆlib/resolve-bindings.js å‚照） VS2017
macã§ã®electronã®å®Ÿè¡Œãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‘スãŒçŸ¥ã‚ŠãŸã„
Electronã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’出力ãŒã—ãŸã„ã®ã§ã™ãŒã€å®Ÿè¡Œã‚¢ãƒ—リã®ãƒ•ã‚©ãƒ«ãƒ€ãƒ¼ã®ãƒ‘スを知るã“ã¨ã¯ã§ããªã„ã§ã—ょã†ã‹ã€‚(test.app, hoge.exeãªã©ã®ä¸€ã¤ä¸Šã®ãƒ‘ス) __dirnameãªã©ã§å–å¾—ã—よã†ã¨ã—ã¦ã‚‚ã€asarファイルã®ä½ç½®ã—ã‹å–å¾—ã§ãã¾ã›ã‚“。 ç¾çŠ¶__dirnameã‚’æ£è¦è¡¨ç¾ã§æ•´å½¢ã—ã¦ã‚´ãƒªæŠ¼ã—ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã„ã„方法ãªã©ã‚ã‚Œã°æ•™ãˆã¦ãã ã•ã„。 追記: windowsã§ã®ãƒ‘スã®å–å¾—ã¯ã§ãã¾ã—ãŸã®ã§ã€macã§ã®å–得方法をã©ãªãŸã‹æ•™ãˆã¦ãã ã•ã„。 app.getAppPath()è‹¥ã—ãã¯app.getPath("exe")ã§å–å¾—ã—ãŸãƒ‘スを整形ã—ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ä¸€ç™ºã§å–å¾—ã™ã‚‹æ–¹æ³•ã‚’探ã—ã¦ã„ã¾ã™ã€‚ electron-builderを使ã£ã¦portableè¨å®šã•ã‚ŒãŸwindowsアプリケーションを作ã£ãŸå ´åˆã€process.env.PORTABLE_EXECUTABLE_DIRを使用
Electronアプリã¯ã€ã¾ãšelectron-localshortcut入れã¦ã€Command+Rã€Command+Wã‚’æ½°ã™ã®ãŒã‚»ã‚ªãƒªãƒ¼ã ã¨æ€ã† - サイト更新åœæ»žã¡ã†ã£
ãŠã¾ãˆã€ã‚»ã‚ªãƒªãƒ¼èªžã‚Œã‚‹ã»ã©ã€Electronã‚„ã£ã¦ãªã„ã ã‚ã†ã€‚ globalShortcut https://electronjs.org/docs/api/global-shortcut Electronã«ã¯ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚ーを制御ã™ã‚‹globalShortcutã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚‹ã‚“ã§ã™ã‘ã©ã€ ã“ã‚Œã¯å…¬å¼ãƒ‰ã‚ュメントã«ã‚‚書ã„ã¦ã‚ã‚‹ã¨ãŠã‚Šã€ã‚°ãƒãƒ¼ãƒãƒ«ã«åŠ¹ã„ã¦ã—ã¾ã†ã€‚ アプリã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã£ã¦ç„¡ãã¦ã‚‚ã€åŠ¹ã„ã¡ã‚ƒã†ã‚“ã§ã™ã。 ã“ã‚Œã¯ã“ã‚Œã§ä¾¿åˆ©ã ã‘ã©ã€åŠ¹ãéŽãŽã¡ã‚ƒã†ã€‚ ã“ã‚“ãªCommand+Sã‚’å°ã˜ã‚‹ã‚¢ãƒ—リã¨ã‹ä½œã£ãŸã‚‰ã€ã‚らゆるアプリã®Command+Sã‚’å°ã˜ã¡ã‚ƒã£ã¦å¤§å¤‰ã§ã™ã。 ã‚„ã£ã¦ã¯ã„ã‘ã¾ã›ã‚“よ。 'use strict'; const electron = require('electron'); const app = electron.app; const globalShortc
Electronデスクトップアプリã«ã‚ˆã‚‹Googleã®OAuth2クライアント実装 - DRYãªå‚™å¿˜éŒ²
目的 僕ãŒã€Electronデスクトップアプリã«ã‚ˆã‚‹OAuthプãƒã‚»ã‚¹ã‚’知る ã†ã‚‹ã›ãˆå‹•ãもん見ã›ã‚ ã¯ã„。 github.com ゴール 手元ã®Electronアプリã§ã€ãƒã‚°ã‚¤ãƒ³ãƒ¦ãƒ¼ã‚¶ï¼ˆã“ã®å ´åˆã€åƒ•è‡ªèº«ï¼‰ã®APIトークンã§ã€Googleã®ãªã‚“らã‹ã®APIãŒå©ã‘ã‚‹ ↠登録ã—ãŸã‚¢ãƒ—リ下ã§ã‚ã–ã‚ã–作æˆã—ãŸAPIトークンã§ã¯ãªã„ã®ãŒãƒŸã‚½ 本稿ã§ã‚„らãªã„ã“㨠OAuthã¨ã¯ãªã«ã‹ã®ã‚‚ã£ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‚„ã¤ï¼ˆã“ã‚“ã©åˆ¥ã‚¨ãƒ³ãƒˆãƒªã§æ›¸ããŸã„） 得られãŸAPI Tokenã®æ°¸ç¶šä¿å˜ï¼ˆelectron-json-storageã§ã‚‚使ã†ï¼‰ Expire時ã®Refreshã®å®Ÿè£… （割愛） å‚考資料 Using OAuth 2.0 to Access Google APIs  | Google Identity Platform  | Google Developers Using OAuth 2.0 for
Arduinoã§æ¸¬ã£ãŸå®¤æ¸©ã‚’デスクトップマスコットã®gopheronã«è¡¨ç¤ºã•ã›ãŸ - non vorrei lavorare
背景 arduinoを手ã«å…¥ã‚Œã¦ã€ä½•ã‹PCã¨é€£æºã—ã¦ã¿ãŸããªã£ãŸã€‚ Arduinoã§æ¸¬ã£ãŸå®¤æ¸©ã‚’デスクトップマスコットã®gopheronã«è¡¨ç¤º æ§‹æˆ node.jsã§arduinoã®è¨ˆæ¸¬çµæžœã‚’シリアルãƒãƒ¼ãƒˆçµŒç”±ã§å—ä¿¡ã—ã€ãƒ•ã‚¡ã‚¤ãƒ«ã«å‡ºåŠ› ファイル出力ã¯ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã§å®Ÿç¾ node.jsã§arduinoã®è¨ˆæ¸¬çµæžœã‚’シリアルãƒãƒ¼ãƒˆçµŒç”±ã§å—ä¿¡ シリアル通信ã«ã¯ã€ä»¥ä¸‹ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’使用ã—ãŸã€‚ serialport.io インストールã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã§ãる。 npm i -S serialport ã“ã®serialportモジュールã¯ãƒ‘ーサーをã„ãã¤ã‹é¸ã¹ã‚‹ã‚ˆã†ã§ã€ä»Šå›žã¯readLineパーサーを使ã£ã¦ã€ arduinoå´ã§"\n"を入れるã“ã¨ã§ã€ã“ã®ãƒ‘ーサーã¨é€£æºã—ãŸã€‚ node.jsã®å—信部 const SerialPort = require("serialport") const Readlin
Electronã§macOSã®Dockã‚„Windowsã®ã‚¿ã‚¹ã‚¯ãƒãƒ¼ã«ç‹¬è‡ªã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’表示ã™ã‚‹ã«ã¯ - non vorrei lavorare
ã“ã‚“ã°ã‚“ã¯ã€‚ãŠç›†ã®ä¼‘ã¿ã¯å¥¥ã•ã‚“ãŒä»•äº‹ã ã£ãŸã®ã§ã€è¿‘å ´ã®é«˜å°¾å±±ã«åä¾›ãŸã¡ã¨ä¸€ç·’ã«è¡Œã£ã¦ããŸ@kjunichiã§ã™ã€‚ 背景 Electronベースã®3Dデスクトップマスコットアプリã®gopheronを細々ã¨é–‹ç™ºã—ã¦ã„ã‚‹ ã“ã®ã‚¢ãƒ—リã«Raspberry Piã®CPU温度を表示ã•ã›ã‚‹æ©Ÿèƒ½ã‚’è¿½åŠ ã—ãŸã“ã¨ãªã©ã‚’ インスタã§æŠ•ç¨¿ã—ãŸã‚‰ã€çµæ§‹æµ·å¤–ã§è‰¯ã„å応を貰ã†ã“ã¨ãŒã‚る。 ãã‚“ãªã‚¢ãƒ—リã®ã‚¢ã‚¤ã‚³ãƒ³ãŒElectronã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆãªã®ã¯ãã‚ãã‚å•é¡Œã˜ã‚ƒãªã„ã‹ã¨ é‡ã„腰を上ã’ã¦å–り組んã ãªã«ã¯ãªãã¨ã‚‚アイコン画åƒã®ç”¨æ„ã¨èªã¿è¾¼ã¿ macOSã€Windowså…±ã«NativeImageåž‹ã®ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’用æ„ã™ã‚‹ã€‚ ãã®ç‚ºã«ã¯ã€nativeImage#createFromPathメソッドを利用ã™ã‚‹ã“ã¨ã§ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰NativeImageåž‹ã‚’å–å¾—ã§ãる。 const { app, BrowserWindow, i
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Transparent window has white background window · Issue #2170 · electron/electron
Electronã§ä½œã£ãŸwindowsアプリã®èµ·å‹•ã‚’æ—©ãã—ãŸã„
How to make Electron in a window on top of all other Windows as an indicator of Skype
Typescript×Electron　「閉ã˜ã‚‹ã€ã‚’è¡Œã£ãŸéš›ã«ã€çµ‚了ã™ã‚‹ã‹ã€ã‚ャンセルã™ã‚‹ã‹ã‚’確èªã—ãŸã„
[Electron] macOS ã® 'Open with...'（ã“ã®ã‚¢ãƒ—リケーションã§é–‹ã）ãŒã¤ã‚‰ã„ - Qiita
Touch Bar Support | Electron
GitHub - mattn/vim-trex: Running T-Rex with Vim
WebGL not supported on Macbook Pro (Intel Graphic HD 3000) · Issue #8217 · electron/electron
Task Object | Electron
Taskbar Customization | Electron
{{#tags}}- {{label}}
{{/tags}}