ã¯ããã«#åã以åæ¸ããModern JavaScript æ¦è¦³ããã㦠Electron ã¸ã¯ãèªãã§è²°ããã ãããï¼ ããã¯åå¦è ã«ã¯å ¨ãåãã¦ãªãã¨ã³ããªã ã ãã®ã¨ã³ããªã¯ãåã®ç解ããã¢ãã³ãª JavaScript å ¨ä½ã«ã¤ãã¦æ¦è¦³ãããã¨ãç®çã¨ãã¦ãããããã ãããèªãã§ããä»ã® JavaScript ã£ã¦ãããªã«å¤§å¤ãªã®ãâ¦ãã¨æãã人ã¯å¤ãã ããã ããããããç¨åº¦ã®ã½ããã¦ã§ã¢ãéçºããããã«æè¡å ¨è¬ãæ¦è¦³ãããã¨ããã°ãããããåéã«ãªãã®ã¯è´ãæ¹ãªãã ã¨è¨ã訳ã§ãä»åã¯ã¡ããã¨åå¿è åãã®ã¨ã³ããªãæ¸ããã å°ãå¤ãæãããããããªãããä¸å¯§ã«èª¬æãããã¨ããããã ã¨å¥½æçã«è§£éãã¦æ¬²ããã éçºç°å¢#Thinkpad X1 Carbon 2016 å¹´ã¢ãã«ã« Windows10 ãã¤ã³ã¹ãã¼ã«ãã¦ããã ãã¼ãã¦ã§ã¢ã¹ããã¯ã¯ãããã ã CPU i7 6600
ããã«ã¡ã¯ããµã¼ãã¹éçºé¨ã®ä¸¸å±±@h13i32maruã§ãã ä»æ¥ã¯GitHub/GHE(GitHub Enterprise)ã§å¿«é©ãªIssueçæ´»ããããããã«ä½ã£ãJasperã¨ãããã¼ã«ã¨ããããå®éã«ã©ããã£ã¦ä½¿ã£ã¦ããããç´¹ä»ããã¦ããã ãã¾ãã ã¹ãã¬ã¹ GitHub/GHEãæ¥ã ã®æ¥åã®ä¸å¿ã¨ãã¦ä½¿ã£ã¦ããã¨ããããããããã®IssueãPull Request(以ä¸PR)ãæµãã¦ãã¾ãã ãããã®Issueãå¦çããæ¹æ³ã¨ãã¦ã¯ä¸»ã«ãã¡ã¼ã«ãã¨ãéç¥ãã¼ã¸(github.com/notifications)ãã®2ã¤ã ã¨æãã¾ãã åããããã®æ¹æ³ã使ã£ã¦ããã®ã§ããã以ä¸ã®ç¹ã§ãããå°ã£ã¦ãã¾ããã å¤ããã¦ã¡ã³ã·ã§ã³ããããã®ãã³ã¡ã³ããããã®ãè¦éãã¦ãã¾ã ãã¨ã§è¦ããã¨æã£ã¦ãå¿ãã ãã©ã¦ã¶ã®ã¿ãã大éã«éããç¶æ ã«ãªã ç¥ããªãã¨ããã®Issueã§è°è«ãé²ãã§ã
ç§ã¯SSHã¯ã©ã¤ã¢ã³ãPoderosaãéçºã»è²©å£²ãã¦ãã¾ãããæè¿ãå¾æ¥ã®Windowsçã«å ãã¦Mac OSXçãXamarinã使ã£ã¦ä½æããã¨ããä»äºããã¾ããã®ã§ãããã§ã®ç¥è¦ãã¾ã¨ãã¦ãããã¨æãã¾ãã Windows/OSXã®ä¸¡å¯¾å¿ã¢ããªãä½ãéã®å®ç³ã®ãããªãã®ãè¦ãã¦ãã¾ããã ãªããã®è¨äºå·çæç¹ã§ã¯OSXçPoderosaã¯éçºçµç¤ã§ããæªå ¬éã§ãã2017å¹´4æã«æ£å¼ãªãªã¼ã¹äºå®ã§ãã åºç¤ç¥èãããã Xamarin社ã¯ãæºæµã¯ãªã¼ãã³ã½ã¼ã¹ã®.NETç°å¢ã§ãããç¾å¨ã¯ãã¤ã¯ãã½ããåä¸ã«ãªã£ã¦ãã¾ããXamarinã®æ§æè¦ç´ ãå¤å²ã«ããããC#ã³ã³ãã¤ã©ãCLRã©ã³ã¿ã¤ã ãæ¬å®¶.NETäºæã®åºæ¬ã©ã¤ãã©ãªç¾¤ãXamarin Formsã¨ããiOS/android両対å¿ã®ã¢ãã¤ã«ã¢ããªãä½ãç°å¢ãXamarin Studioã¨ããIDEããªã©ããããããã¾ãããã
Webã®æè¡ã§ãã¹ã¯ãããã¢ããªãä½ãããã¬ã¼ã ã¯ã¼ã¯ã¨ããã°Electronãæåã§ãããããæ軽ã«ä½¿ããã®ãNW.jsã§ãããã¶ã¤ãã¼ã§ãã¡ãã£ã¨ãããã¹ã¯ãããã¢ããªãªãããã«ä½ãã¡ããã¾ããã NW.jsã¯ãHTMLãJavaScriptãCSSã¨ãã£ãWebæè¡ã使ã£ã¦ãã¤ãã£ãã¢ããªãä½ããã¬ã¼ã ã¯ã¼ã¯ã§ããä¸çªåç´ãªã±ã¼ã¹ã ã¨ãææ £ããã¯ã¼ã¯ããã¼ã§Webã¢ããªãä½ããæå¾ã«ã¸ã§ãã¬ã¼ã¿ã¼ã§ãã¹ã¦ãã³ã³ãã¤ã«ãã¦ããã©ã¦ã¶ã¼åæ§ã«Webã¢ããªã表示ã§ãããã¤ãã£ãã¢ããªãä½ãã¾ãããã®ãããªã¢ããªã±ã¼ã·ã§ã³ã¯ããã¤ããªããã¢ããªãã¨å¼ã°ãã¾ãã ãã¤ããªããã¢ããªããã°ãããã®ã¯ãåã«ãªãã¿ã®ããè¨èªï¼HTMLãJavaScriptãCSSï¼ã§æ¸ããã¨ããã ãã§ãªããæ¬è³ªçã«æ¬¡ã®ãããªæ®éã®Webã¢ããªãããåªããç¹ãããããã§ãã ãã©ã¦ã¶ã¼ã®ç¨®é¡ã¨ãã¼ã¸ã§ã³ãã³ã³ããã¼ã«
Electronã¨ã¯ï¼ Electron㯠JavaScriptãHTMLãCSS ã使ã£ã¦ãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ãä½ããã¨ãã§ãã ã©ã¤ãã©ãª ã§ããä½ã£ãã¢ããªã±ã¼ã·ã§ã³ã¯MacãWindowsãLinuxã§åããã¾ãã 次ã¯ï¼ ãªãéè¦ï¼ å®ç¾©ï¼ JavaScriptãHTMLãCSS ã¯Webç¨ã®è¨èªã§ãWebãµã¤ãã®åºæ¬çãªæ§æè¦ç´ ã§ããChromeãªã©ã®ãã©ã¦ã¶ã¯ãã³ã¼ãããµã ãç®ã«ããã°ã©ãã£ãã¯ã«å¤ãã¦è¡¨ç¤ºãã¾ãã Electronã¯ã©ã¤ãã©ãªã§ã Electronã¯ã³ã¼ãã§ãããåå©ç¨ã§ããèªåã§æ¸ãèµ·ããå¿ è¦ãããã¾ãããã¦ã¼ã¶ã¯ãã®ä¸ã«ããã¸ã§ã¯ããæ§æãã¾ãã åèè³æ Apps built on Electron Electron API Demos ï¼Electronã§ä½ãã§ããããã¿ã¦ãã ããï¼ ãªãéè¦ï¼ ä¸è¬ã«ããã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ã¯åãªãã¬
ï¼ãã®ãã¼ã¯ã¯ @kohei-takata ãé訳ãã¾ãããï¼ çããããã«ã¡ã¯ãä»æ¥ãç§ã¯ãã©ã®ããã« Electron ãçã¾ããæåã«ãªã£ã¦ãã£ããã«ã¤ãã¦è©±ãããã¨æãã¾ãã Kohei TAKATAããã«ãã¼ã¯ã®å 容ã翻訳ãã¦ããã£ãã®ã§ãç§ã¯æ¥æ¬èªã§ãã®ãã¼ã¯ãè¡ãï¼ãããªãï¼ãã¨ãã§ãã¾ãããããã¨ããããã¾ãã ã¯ããã«ãèªå·±ç´¹ä»ããããã¨æãã¾ããç§ã¯3ã¤ã®ååãæã£ã¦ãã¾ããä¸å½ã§ã¯ã ã¡ãããã ã¨å¼ã°ãã¦ãã¾ããã¢ã¡ãªã«ã§ã¯ã Cheng Zhao ã¨å¼ã°ãã¦ãã¾ããããã¯ãè±èªè¡¨è¨ã®ååã§ããããããæ¥æ¬ã§ã¯ç§ã®åå㯠ã¸ã£ãªããã§ã³ ã«ãªãã¾ããããã¯è±èªåã®ã«ã¿ã«ã表è¨ã«ãªãã¾ãããã®ããã«ãç§ã¯åãæå³ã®3ã¤ã®ååãæã£ã¦ãã¾ãã ç§ã¯ Electron ã®ä½è ï¼ããããï¼ã§ããä»ã¯ GitHub ã§åãã¦ãã¾ããä»ã Electron ã®éçºãç¶ãã¦ãã¾ã
GitHubãElectron APIã®ãµã³ãã«ã³ã¼ããªã©ãåé²ãããElectron APIsããMac App Storeã§å ¬éãã¦ãã¾ãã詳細ã¯ä»¥ä¸ããã Electron APIsã¢ããªã¯GitHubãä»å¹´5æã«å ¬éãããElectron API Demosãã®Mac App Storeçã§ãJavaScript, HTML, CSS, Electronãç¨ãã¦ã¯ãã¹ãã©ãããã©ã¼ã 対å¿ã®ãã¹ã¯ãããã¢ããªãä½æããããã®ãã¥ã¼ããªã¢ã«ãªã©ãåé²ããã¦ãã¾ãã The new Electron API Demos app contains code snippets to help get your app started: https://t.co/Ow2xN2ponC pic.twitter.com/vt63MJ9wp7 â Electron (@electronjs) 201
æè¡ãæ´»ãããæ°ãã価å¤ãåµé ãã DeNAã®ã¨ã³ã¸ãã¢ã¯ãæ³åãè¶ ããDelightãå±ããããã«ä½ãã§ããããèããæè¡åã¨çºæ³åã§æ°ãã価å¤ãçã¿åºãã¦ãã¾ãã å¤æ§ãªå°éæ§ãæã£ãã¨ã³ã¸ãã¢ãåç£ç¢ç£¨ããäºãã«åºæ¿ãåããç°å¢ãå¶åº¦ããããªãæé·ã¸ã¨ã¤ãªãã¾ãã
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.
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
å ã GitHubã®Atomã¨ãã£ã¿ã®ããã«éçºããããã¹ã¯ãããã¢ããªä½æç¨ãã¬ã¼ã ã¯ã¼ã¯ãElectronããHTML/CSSã¨ãã£ãWebç³»æè¡ã使ã£ã¦ãã¯ãã¹ãã©ãããã©ã¼ã ã®ãã¹ã¯ãããã¢ããªãéçºå¯è½ãªãããå¤ãã®éçºè ã®æ³¨ç®ãéãã¦ãã¾ãã æ¬æ¥ç´¹ä»ãããPhotonãã¯ããã®Electronç¨ã®ä¾¿å©ãªã³ã³ãã¼ãã³ããå¤æ°åé²ããUIãã¼ã«ãããã§ã(GitHubãHacker News)ã ãã¼ã«ãã¼ãã¿ããããã²ã¼ã·ã§ã³ããªã¹ãããã¿ã³ããã©ã¼ã ããã¼ãã«ã¨ãã£ããGUIã¢ããªä½æã«å¿ è¦ãªãã¾ãã¾ãªã³ã³ãã¼ãã³ãããã¢ããªã±ã¼ã·ã§ã³ã«ç´ æ©ãçµã¿è¾¼ããã¨ãã§ãã¾ããã³ã³ãã¼ãã³ãã®è¦ãç®ãOS X風ã§ã¯ã¼ã«ã§ãã 以ä¸ãç´¹ä»ã ãã¼ ãããã¼ã¨ããã¿ã¼ãçµã¿è¾¼ããã¨ãã§ãã¾ãã ãã¼ã¨ã¢ã¯ã·ã§ã³ ãã¼ã«ãã¿ã³ãè¨ç½®ãã¦ã¢ã¯ã·ã§ã³ãå®ç¾©ãããã¨ãã§ãã¾ãï½ï¼ ãã¼ã¨ã¿ã ã¿ãã
åããç¥ã£ã¦ã¯ãããã ãã©ãæ¨æ¥ã®YAPC:::Asia 2015 㧠Electron ã®ãã¼ã¯ã§åããã¦ãæãè¦ã¦ãElectron ã«èå³ãåºã¦ãã¦ãã¾ã£ããElectron ã¨ããã®ã¯ JavaScript ã® SPA ãä½ãã¤ã¡ã¼ã¸ã§ã¯ãã¹ãã©ãããã©ã¼ã ã¢ããªã±ã¼ã·ã§ã³ãä½ãããã¤ã§ãKobito ã¨ã Slack ã¨ã Atom ã§ã使ããã¦ãããä»ã¾ã§ãã¹ã¯ãããã¢ããªã¨ãããã³ãã¨ã³ããã¬ãããªãã£ããã¨ããªãã£ãã®ã§è¦å´ããªãã触ã£ã¦ããã¨ãããã Twitter ã¯ã©ã¤ã¢ã³ããä½ããã¨ãã¦ãã¦ãä»ã®ã¨ããèªè¨¼ã«é£ãã§è¿ã£ã¦ãã¦ã¿ã¤ã ã©ã¤ã³è¡¨ç¤ºããã¨ããã¾ã§ã¯ã§ããã æ¬å½ã«æ¬²ããã£ããã¹ã¯ããã Twitter ã¯ã©ã¤ã¢ã³ã ä»ã¯ Tweetbot for Mac ã使ã£ã¦ãããã ãã©ããªã¹ãã®åãæ¿ããé¢åã¨ãããããä¸æºããããèªå㯠Twitter ã®ãªã¹ããæ¤
ããã¾ã§ 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 ãæ¡ç¨ ã¦ããã ãã¹ãå¯¾å¿ ã³ã¼ã ããã¥ã¡ã³ã対å¿
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}