[B! JavaScript][electron] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

JavaScriptã¨electronã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€ŒElectronã€ã¨ã€ŒWebView2ã€ã¯ã©ã†é•ã†ï¼Ÿ ï½žã€ŒElectronã€ã®é–‹ç™ºãƒãƒ¼ãƒ ãŒè§£èª¬ï¼Windowsãªã‚‰ã°ã€ŒWebView2ã€ã¯é…åŠ›ã ãŒã€ã€ŒElectronã€ã«ã¾ã ä¸€æ—¥ã®é•·ã€‚ä½¿ã„åˆ†ã‘ã‚‚é‡è¦ã«ã€ã‚„ã˜ã†ã¾ã®æœã€‘
ihok 2021/08/04
é–‹ç™º

electron

javascript
ãƒªãƒ³ã‚¯
åˆå¦è€…ã¨ã—ã¦JavaScriptã‚’å¦ã¶ | ã•ã«ã‚ã‚‰ãš
ã¯ã˜ã‚ã«#åƒ•ãŒä»¥å‰æ›¸ã„ãŸModern JavaScript æ¦‚è¦³ã€ãã—ã¦ Electron ã¸ã¯ã€èªã‚“ã§è²°ãˆãŸã ã‚ã†ã‹ï¼Ÿ ã‚ã‚Œã¯åˆå¦è€…ã«ã¯å…¨ãå‘ã„ã¦ãªã„ã‚¨ãƒ³ãƒˆãƒªã ã€‚ ã‚ã®ã‚¨ãƒ³ãƒˆãƒªã¯ã€åƒ•ã®ç†è§£ã—ãŸãƒ¢ãƒ€ãƒ³ãª JavaScript å…¨ä½“ã«ã¤ã„ã¦æ¦‚è¦³ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã‚‹ã‹ã‚‰ãã€‚ ã‚ã‚Œã‚’èªã‚“ã§ã€ã€Œä»Šã® JavaScript ã£ã¦ã“ã‚“ãªã«å¤§å¤‰ãªã®ã‹â€¦ã€ã¨æ„Ÿã˜ãŸäººã¯å¤šã„ã ã‚ã†ã€‚ ã—ã‹ã—ã€ã‚ã‚‹ç¨‹åº¦ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã«æŠ€è¡“å…¨èˆ¬ã‚’æ¦‚è¦³ã—ã‚ˆã†ã¨ã™ã‚Œã°ã€ã‚ã‚ã„ã†åˆ†é‡ã«ãªã‚‹ã®ã¯è‡´ã—æ–¹ãªã„ã€‚ ã¨è¨€ã†è¨³ã§ã€ä»Šå›žã¯ã¡ã‚ƒã‚“ã¨åˆå¿ƒè€…å‘ã‘ã®ã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã„ãŸã€‚ å°‘ã—å¤šãæ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãŒã€ä¸å¯§ã«èª¬æ˜Žã—ã‚ˆã†ã¨ã—ãŸã‹ã‚‰ã ã¨å¥½æ„çš„ã«è§£é‡ˆã—ã¦æ¬²ã—ã„ã€‚ é–‹ç™ºç’°å¢ƒ#Thinkpad X1 Carbon 2016 å¹´ãƒ¢ãƒ‡ãƒ«ã« Windows10 ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã‚ã‚‹ã€‚ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¹ãƒšãƒƒã‚¯ã¯ã€ã“ã†ã ã€‚ CPU i7 6600
ihok 2018/03/12
exe

babel

Electron

code

dev

cpu

2016å¹´

javascript
ãƒªãƒ³ã‚¯
Electronã‚ˆã‚Šã‚‚ãŠæ‰‹è»½ã«ï¼NW.jsãªã‚‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹
Webã®æŠ€è¡“ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ãˆã°ElectronãŒæœ‰åã§ã™ãŒã€ã‚ˆã‚Šæ‰‹è»½ã«ä½¿ãˆã‚‹ã®ãŒNW.jsã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚ã¡ã‚‡ã£ã¨ã—ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªãªã‚‰ã™ãã«ä½œã‚Œã¡ã‚ƒã„ã¾ã™ã‚ˆã€‚ NW.jsã¯ã€HTMLã€JavaScriptã€CSSã¨ã„ã£ãŸWebæŠ€è¡“ã‚’ä½¿ã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ä¸€ç•ªå˜ç´”ãªã‚±ãƒ¼ã‚¹ã ã¨ã€æ‰‹æ…£ã‚ŒãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§Webã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã€æœ€å¾Œã«ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã™ã¹ã¦ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼åŒæ§˜ã«Webã‚¢ãƒ—ãƒªã‚’è¡¨ç¤ºã§ãã‚‹ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã™ã€‚ã“ã®ã‚ˆã†ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€Œãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã€ã¨å‘¼ã°ã‚Œã¾ã™ã€‚ ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãŒã™ã°ã‚‰ã—ã„ã®ã¯ã€å˜ã«ãªã˜ã¿ã®ã‚ã‚‹è¨€èªžï¼ˆHTMLã€JavaScriptã€CSSï¼‰ã§æ›¸ã‘ã‚‹ã¨ã„ã†ã ã‘ã§ãªãã€æœ¬è³ªçš„ã«æ¬¡ã®ã‚ˆã†ãªæ™®é€šã®Webã‚¢ãƒ—ãƒªã‚ˆã‚Šã‚‚å„ªã‚ŒãŸç‚¹ãŒã‚ã‚‹ã‹ã‚‰ã§ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ç¨®é¡žã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«
ihok 2017/01/13
Electron

Chrome

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

Chromium

Html

javascript

nw.js

ã‚¢ãƒ—ãƒª

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Essential Electron : Electronã®ç°¡æ½”ãƒ»å¹³æ˜“ãªæ¦‚è¦ | POSTD
Electronã¨ã¯ï¼Ÿ Electronã¯ JavaScriptã€HTMLã€CSS ã‚’ä½¿ã£ã¦ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã§ã™ã€‚ä½œã£ãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯Macã€Windowsã€Linuxã§å‹•ã‹ã›ã¾ã™ã€‚ æ¬¡ã¯ï¼š ãªãœé‡è¦ï¼Ÿ å®šç¾©ï¼š JavaScriptã€HTMLã€CSS ã¯Webç”¨ã®è¨€èªžã§ã€Webã‚µã‚¤ãƒˆã®åŸºæœ¬çš„ãªæ§‹æˆè¦ç´ ã§ã™ã€‚Chromeãªã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ã‚³ãƒ¼ãƒ‰ã‚’ãµã ã‚“ç›®ã«ã™ã‚‹ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã«å¤‰ãˆã¦è¡¨ç¤ºã—ã¾ã™ã€‚ Electronã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ Electronã¯ã‚³ãƒ¼ãƒ‰ã§ã™ãŒã€å†åˆ©ç”¨ã§ãã€è‡ªåˆ†ã§æ›¸ãèµ·ã“ã™å¿…è¦ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ã¯ãã®ä¸Šã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’æ§‹æˆã—ã¾ã™ã€‚ å‚è€ƒè³‡æ–™ Apps built on Electron Electron API Demos ï¼ˆElectronã§ä½•ãŒã§ãã‚‹ã‹ã‚’ã¿ã¦ãã ã•ã„ï¼‰ ãªãœé‡è¦ï¼Ÿ ä¸€èˆ¬ã«ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯å„ã‚ªãƒšãƒ¬
ihok 2016/11/23
Electron

chrome

ãƒ—ãƒã‚»ã‚¹

ã‚¢ãƒ—ãƒª

ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

JavaScript

Node.js

Chromium

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
Electronã§ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ç”¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã€ŒBlackAlbumã€ã‚’ä½œã£ãŸ - joker1007â€™s diary
Electronã§å‹•ä½œã™ã‚‹å‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«åŠã³JPG in Zipå‘ã‘ã®ãƒ•ã‚¡ã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æ§‹æˆã¨ã—ã¦ã¯Electron+React+Reduxã§ã€gulpfileä»¥å¤–ã¯babelã‚’ä½¿ã£ã¦æ›¸ã„ã¦ã¾ã™ã€‚ ãã“ãã“ä»Šé¢¨ãªæ„Ÿã˜ã‚’ç›®æŒ‡ã—ã¦ã€ä¸€éƒ¨flowtypeã¨ã‹ã‚‚å–ã‚Šå…¥ã‚Œã¦ã¾ã™ãŒã€å‰²ã¨é©å½“ãªæ„Ÿã˜ã§ä½¿ã£ã¦ã¾ã™ã€‚ å®Ÿã¯ä»¥å‰Node.jsã§åŒã˜ã‚‚ã®ä½œã£ã¦ãŸã‚“ã ã‘ã©ã€ã›ã£ã‹ãã¡ã‚ƒã‚“ã¨ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¨ã—ã¦ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã—Reactã«ã‚‚æ…£ã‚ŒãŸã®ã§Electronã¨ä»Šã®æŠ€è¡“ã§ä½œã‚Šç›´ã—ã¦ã¿ãŸã®ãŒã“ã‚Œã§ã™ã€‚åå‰ã‚‚åŒã˜ã ã£ãŸã‚Šã™ã‚‹ã€‚ https://github.com/joker1007/blackalbum https://github.com/joker1007/blackalbum/releases/download/v0.2.0/BlackAlbum-darwin-x64-0.2.0.
ihok 2015/10/20
Electron

download

github

javascript

react

buzz

ãƒ‘ã‚¹

ã‚³ãƒžãƒ³ãƒ‰

redux
ãƒªãƒ³ã‚¯
Electronã§Webviewã®ç°¡æ˜“ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã¤ãã£ã¦ã¿ãŸãƒ¡ãƒ¢ - Qiita
var app = require('app'); var BrowserWindow = require('browser-window'); require('crash-reporter').start(); var mainWindow = null; app.on('window-all-closed', function () { //if (process.platform != 'darwin') app.quit(); }); app.on('ready', function () { // ãƒ–ãƒ©ã‚¦ã‚¶(Chromium)ã®èµ·å‹•, åˆæœŸç”»é¢ã®ãƒãƒ¼ãƒ‰ mainWindow = new BrowserWindow({ width: 1000, height: 600 }); mainWindow.loadUrl('file://' + __dirname + '/index.h
ihok 2015/10/15
Electron

app

require

Html

npm

function

name

content

JavaScript

dev
ãƒªãƒ³ã‚¯
æœ€å¼·ã®Twitterã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆä½œã‚Šå§‹ã‚ãŸ
å‰ã‹ã‚‰çŸ¥ã£ã¦ã¯ã„ãŸã‚“ã ã‘ã©ã€æ˜¨æ—¥ã®YAPC:::Asia 2015 ã§ Electron ã®ãƒˆãƒ¼ã‚¯ã§å‹•ã‹ã—ã¦ã‚‹æ‰€ã‚’è¦‹ã¦ã€Electron ã«èˆˆå‘³ãŒå‡ºã¦ãã¦ã—ã¾ã£ãŸã€‚Electron ã¨ã„ã†ã®ã¯ JavaScript ã® SPA ã‚’ä½œã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚Œã‚‹ã‚„ã¤ã§ã€Kobito ã¨ã‹ Slack ã¨ã‹ Atom ã§ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹ã€‚ä»Šã¾ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¨ã‹ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã‚¬ãƒƒãƒ„ãƒªã‚„ã£ãŸã“ã¨ãŒãªã‹ã£ãŸã®ã§è‹¦åŠ´ã—ãªãŒã‚‰è§¦ã£ã¦ã‚‹ã€‚ã¨ã‚Šã‚ãˆãš Twitter ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’ä½œã‚ã†ã¨ã—ã¦ã„ã¦ã€ä»Šã®ã¨ã“ã‚èªè¨¼ã«é£›ã‚“ã§è¿”ã£ã¦ãã¦ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚ã¾ã§ã¯ã§ããŸã€‚ æœ¬å½“ã«æ¬²ã—ã‹ã£ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ— Twitter ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ ä»Šã¯ Tweetbot for Mac ã‚’ä½¿ã£ã¦ã„ã‚‹ã‚“ã ã‘ã©ã€ãƒªã‚¹ãƒˆã®åˆ‡ã‚Šæ›¿ãˆãŒé¢å€’ã¨ã‹ã„ã‚ã„ã‚ä¸æº€ãŒã‚ã‚‹ã€‚è‡ªåˆ†ã¯ Twitter ã®ãƒªã‚¹ãƒˆã‚„æ¤œ
ihok 2015/10/05
Electron

JavaScript

it

api

twitter

software

Share

é–‹ç™º

ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼
ãƒªãƒ³ã‚¯
Electron ã‚’è©¦ã™ - é–‹ç™ºç’°å¢ƒã®æ§‹ç¯‰ - ã‚¢ã‚«ãƒ™ã‚³ãƒžã‚¤ãƒª
ã“ã‚Œã¾ã§ NW.js ã‚’ä½¿ã£ã¦ããŸãŒåŒã˜ Chromium + Node ç³»ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦æœ€è¿‘ã¯ Electron ã®ã»ã†ãŒå‹¢ã„ã‚ã‚‹ã‚ˆã†ãªã®ã§è©¦ã—ãŸããªã£ãŸã€‚ä½¿ç”¨æ„Ÿã‚’æŠŠæ¡ã™ã‚‹ãŸã‚ã€ã¾ãšã¯é–‹ç™ºç’°å¢ƒã‚’æ§‹ç¯‰ã—ã¦ã¿ã‚‹ã€‚ æ›´æ–°å±¥æ´ 2015/11/5 npm-scripts ã‚’ã€€babelify 7.2 (Babel 6.x) ã‚’æŽ¡ç”¨ã—ãŸå†…å®¹ã¸æ›´æ–°ã€‚ã¾ãŸæœ€æ–° watchify ã® Windows å¯¾å¿œã«ã¤ã„ã¦è¿½è¨˜ã—ãŸã€‚ã“ã‚Œã‚‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ babelify v7.2 ã‚’è©¦ã™ã‚’å‚ç…§ã®ã“ã¨ã€‚ 2015/10/19 npm-scripts ã‚’æœ€æ–°ã¸æ›´æ–°ã€Main ãƒ—ãƒã‚»ã‚¹ã®ãƒ“ãƒ«ãƒ‰èª¬æ˜Žã« Browserify ã® --node ã‚ªãƒ—ã‚·ãƒ§ãƒ³è§£èª¬ã‚’è¿½åŠ ã€‚ è¨è¨ˆæ–¹é‡ package.json ã¨ npm ã ã‘ã‚’ä½¿ç”¨ AltCSS ã¯ Stylus ã‚’æŽ¡ç”¨ ãƒ¦ãƒ‹ãƒƒãƒˆ ãƒ†ã‚¹ãƒˆå¯¾å¿œ ã‚³ãƒ¼ãƒ‰ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆå¯¾å¿œ
ihok 2015/10/01
JSON

node

npm

ES

javascript

es6

development

node.js

js

Electron
ãƒªãƒ³ã‚¯
1