Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Electronã使ã£ã¦è¦æ ããæ´ãã¦ã¿ã Electronã¯JavaScriptã§ãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ãä½ãããã¼ã«ã§ãã ååã30åã§åºæ¥ããJavaScript (Electron) ã§ãã¹ã¯ãããã¢ããªãä½ã£ã¦é å¸ããã¾ã§ãã§ã¯ç°¡åãªã¢ããªãä½ã£ã¦é å¸ããã¨ããã¾ã§ããã¾ããã ãã¨ã¯ãã¤ãéãã® JS + HTML + CSS ã§ã¬ãªã¬ãªæ¸ãã¦ããã°ããã®ã§ãããã¾ãã¯è¦ãç®ããå ¥ããã¨ãããã¨ã§ãããå°ãã¢ããªã£ã½ãè¦æ ãã«ãã¦ã¿ã¾ãããã ã¡ãªã¿ã«ãMacã§ã¯ããããåä½ã確èªãã¾ããããWindowsã¯ç¥ãã¾ããã 大ä½åãããã«åãã¯ãã§ããããããã¡ã ã£ããWindowsçã®è¨è¿°ãæãã¦é ããã¨å©ããã¾ãã åºæ¬è¨å®ã¯ browser-window APIã§ browser-windowã¯ã¢ããªã®ã¦ã£ã³ãã¦ã表示ããããã®APIã§ãã ä¾ãã°ã以ä¸ã¯åãªãin
https://github.com/uu59/atom-twitter-client mikutter使ã£ã¦ããã©ã©ããè¤æ°ã¢ã«ã¦ã³ãã ã¨ä¸å®å®ã§ããã£ã¡ã ãè½ã¡ãã®ã§ä½ã£ãã以ä¸ã¯æ¥è¨ãªã®ã§æçãªãã¨ã¯æ¸ãã¦ãã¾ããã ãã¼ã«ã¨ã©ã¤ãã©ãªã®é¸å®ãããã¯yak shavingã®è»è·¡ åã«æ¸ããããã«npm run-scriptç¨ã«CoffeeScriptã使ã£ã¦ããã©ãã¢ããªã®ã³ã¼ãã¯ECMAScript6 with Babelã«çµ±ä¸ãããåã«ES6æ¸ãã¦ç¥è¦ãå¾ããã¨ããã ãã®çç±ã§ES6ã«ãã¦ãã¦ãtraceur-compilerãããªãbabelã«ããã®ããJSXã®é¢åãè¦ã¦ãããããªãã¨ãªãããããã®å¼±ãçç±ã§ãããªãã ãã¬ã¼ã ã¯ã¼ã¯ã¯Reactã¨Fluxxorã使ã£ããå½åã¯mercuryãåèã«ããªããMatt-Esch/virtual-domã使ããã¨ãã¦ããã©ãbabe
è¿½è¨ 2015/06/19 Windowsåãã®Buildãä½ã£ã¦ã¿ãã https://www.dropbox.com/s/qbrzdyh8ggkw1wc/Gyazo-Menubar-win32.zip?dl=0 ä½ã£ã¦ã¯ã¿ããã®ã®å®éã«åãã試ãã¦ããªãã®ã§ãä½ãæ å ±ãããã¾ããã https://github.com/pastak/gyazo-menubar/issues/2 ã«ã¦ãç¥ãããã ããã ããã§Windowsããµãã¼ããããã£ã¦æ¸ãã¦ããããåãã¨æå¾ ãã¦ãã¾ãããããããé¡ããã¾ãã æ¦è¦ LTã®è³æãä½ã£ãããQiitaãããã°ã«è¨äºãæ¸ãããããã¨ãã«ã¹ã¯ã·ã§ãããã¨Gyazoã§æ®ãæºãã¦ããã¦ãã¨ã§ããããã¨è¨äºã«è²¼ãããã¿ãããªå ´åãããã¨æãã®ã§ãããå¤åããããæã«ä¾¿å©ãªã¢ããªã±ã¼ã·ã§ã³ãªã®ã§ã¯ãªããã¨æã£ã¦ä½ã£ã¦ã¿ãã 仿¥ãLTããããã¨ã«ãªã£ã¦ãã®ã ã
Electronã£ã¦ããã®ã¯ããã¨ãã¨Atomã¨ãã£ã¿ãéçºããããã«ä½ãããã¯ãã¹ãã©ãããã©ã¼ã ã®éçºç°å¢ã§ãã©ã³ã¿ã¤ã ã«Node.jsã¨Chromiumã使ãã¾ãã ä¸ã®è¨äºã«ããããã«Kobito for Windowsã®ã»ããSlackã¨ãVisual Studio Codeã§ã使ç¨ããã¦ãããããªã®ã§ãã¢ããã¨ããã°ã¢ããã®ã§ãããã¯ãã¹ãã©ãããã©ã¼ã éçºç°å¢ã£ã¦ããã¨ãããããªãããªèãæ°ã¯ãã¾ãã Electronã®ã¤ã³ã¹ãã¼ã«npmã使ã£ã¦ã¤ã³ã¹ãã¼ã«ãã¾ãã $ npm install electron-prebuilt -g NodeGitã®ã¤ã³ã¹ãã¼ã«Electronã使ãã°ãã»ã¨ãã©ãWebã§å®ç¾ã§ãããã ãã©ãã©ããã¦ãã¯ã©ã¤ã¢ã³ãå´ã§ãã¼ã«ã«ãã¡ã¤ã«çã®å¦çãå¿ è¦ãªã¢ããªããããã¨ç°¡åã«ä½ããããããªãããã¨æã£ã¦ããã®ã§ããã¼ã«ã«ãã¡ã¤ã«ã®å¦ç代表ã§ããg
Kobito for Windows ããªãªã¼ã¹ + æè¡çãªè£è¶³, package.json ã®å ¬é Kobito for Windowséçºã® @mizchi ã§ãã éçºéå§ããç´åå¹´ãã½ã使¥ã®æéãé·ãã£ãã®ã§ããããããããªãªã¼ã¹ã§ãã¾ããã Kobito for Windows â ã½ããã¦ã§ã¢éçºè ã®ããã®Markdownã«ããæ å ±è¨é²ã»å ±æã½ãã ã¨ããããã§ã仿¥ã¯Kobito for Windowsã®éçºã³ã³ã»ããã¨ElectronãReactãæ¡ç¨ããçç±ã«ã¤ãã¦æ¸ãã¦ãããã¨æãã¾ããRailsçéã§ã¯Gemfileãå ¬éããæåãããããã§ãããä»åã¯node.js / npmã®ããã§ããpackage.jsonãå ¬éãã¾ãã Kobito on Electronã®éçºã³ã³ã»ããWebæè¡ã§Kobitoãå®è£ ãã¦Win/Macã§ã½ã¼ã¹ã䏿¬åæ¢åã®Kobitoã®
Electron (æ§atom-shell)ã使ãã°ãJSãã¢ãã³ãªWebæè¡ãæ´»ããã¦ã¯ãã¹ãã©ãããã©ã¼ã ãªPCã¢ããªãä½ããã¨ãã§ããã APIãå å®ãã¦ãã¦ãWebãã¼ã¸ããã ç§»æ¤ããã ãã®åç´ãªã¢ããªã ãã§ãªããå²ã¨æã®è¾¼ãã UIãå®ç¾ã§ãããããããªãã ãã¨ãã°ãGyazoã®ãããªã¹ã¯ãªã¼ã³ã·ã§ãããæ®ãããã®é å鏿ã®UIãä½ããã¨ãã§ããã å®è£ æ¹æ³ ç»é¢ã®å ¨ä½ã«éæãªã¦ã£ã³ãã¦ãä½ã£ã¦ããã®ä¸ã®éæãªWebãã¼ã¸ã§mousedownãªã©ã®ã¤ãã³ãã«ãããã¦å¿ è¦ãªUIè¦ç´ ãæç»ããã https://github.com/uiureo/electron-crop-rect/blob/master/main.js app.on('ready', function () { const Screen = require('screen') const size = Scree
atom-shell.connpass.com speakerdeck.com github.com ææãããã«çæ³ãå¾ãã¢ããªã±ã¼ã·ã§ã³ãï¼æ¥ãããã§å®è£ ãã¦ãããç¨åº¦ã¾ã¨ã¾ã£ãç¥è¦ãå¾ããã話ãã¦ããã LTæ ã§ããã¹ãã§ã¯ãªãå 容ãLTæ ã«ç¡çããããè¾¼ãã çµæãFluxã®èª¬æãçç¥ãã¦ããªãæéãè¶³ããªãã¨ããè´å½çãªæ¬ é¥ãæ±ãããã¨ã«ãªã£ãã 忥ã«React.js meetupãéå¬ããã¦ãã¦ããªãã¢ã¦ã§ã¤ã«ãªãã ãããªã¨ã¯æã£ã¦ãããã¨ãããReact.js meetupåå ãã¦ã¦FluxãElectronä¸ã§åããçãªè©±ã«èå³ããæ¹ã¯æ¯éã¨ãæè¦äº¤æãé¡ããã¾ãã ã¹ã©ã¤ãã®å ·ä½çãªè§£èª¬ã¨ã¦ã¼ã¹ã±ã¼ã¹ã«ã¤ãã¦ã¯å¾æ¥æ¹ãã¦æ¸ãã å ¨ãé¢èãªãç¶æ ã§åå¼·ä¼åã æ¥ãããã«çªç¶LTç³ãè¾¼ãã ã®ã«ãçºè¡¨ã®æ©ä¼ããã ãããããã¨ããããã¾ãããElectronã®ååã¯ãããããæ³¨è¦ã
帰ã£ã¦ããããã°ãæ¸ãã¾ã§ãåå¼·ä¼ã§ãã ã¨ããããã§ãElectron(æ§:Atom-Shell)åå¼·ä¼ #1ã§ãç§ã®æ¹ããã¯Electron(æ§Atom-Shell)åºç¤+å ¥éã話ãã¾ããã Electron(æ§Atom-Shell)åºç¤+å ¥é çµç·¯ vvakameããã«ã ãã£ã¶ãããã¦ãngJapanã®ã¤ãã³ãä¸ã«é å¼µã£ã¦Angular2ãAtom-Shellä¸ã§åãããã¢ãä½ã£ã¦ããã¢ã¢ããªå®æã®10åå¾ã«é£ã³å ¥ãLTãã¦çºè¡¨ãããã®ã®ãTODOãã¢ã¢ããªä¸ãã¹ã©ã¤ã代ããã«ä½¿ã£ã¦LTãããã¨ããæ´æã«ã§ããããªãã£ãã®ã§ããã£ã¨ã¡ããã¨Atom-Shellã«ã¤ãã¦è©±ãããã¨æã£ãã®ã§ä¸»å¬ãã¦ã¿ãã å¢ãã§ã¬ãã¨connpassã«ã¤ãã³ãã建ã¦ãã®ã¯ãããã®ã®ãAtom-Shellãªãã¦èª°ã触ã£ã¦ãªãããçºè¡¨è ã¯èªå1人ã ã¨æã£ã¦ããããåå¼·ä¼ã®1é±éåã«Atom-ShellããE
The document discusses an Electron (formerly Atom Shell) meetup. It provides links to documentation on the differences between Electron and Node-webkit. If time permits, an Electron demo may be shown. Electron allows building cross-platform desktop apps using JavaScript, HTML, and CSS by embedding Chromium and io.js. It also references a presentation on embedding Node.js into the Atom editor.
2014-12-28 atom-shellã§éçºãã¼ã«ããªã³ãªããã JavaScript ãããããªãã¼ã«ãä½ãã®ã«atom-shellã便å©ãããªã®ã§ä½¿ã£ã¦ã¿ããã¨ã«ããã node-webkitã ã¨åçã§ããªãmp3ãåçã§ããã¿ãããªã®ã§atom-shellãé¸ãã ã ã¾ãã¯ã¯ã¤ãã¯ã¹ã¿ã¼ããè¦ãªãããã¡ã¤ã«ãæ§æããã atom-shell/quick-start.md at master · atom/atom-shell · GitHub è¨å®ãã©ããã«ãããã ãããã©ãnode-webkitã¨éã£ã¦ãã¼ã«ãã¼ãªã©ãä½ããªããã¾ã£ãããªã¦ã¤ã³ãã¦ãéãããã ã³ã³ã½ã¼ã«ãªã©éçºãã¼ã«ã表示ãããã®ã§ãéçºãã¼ã«ãéããã¿ã³ãä½ã£ã¦ã¿ããã ã¾ãmain.jsã§éçºãã¼ã«ãéãã¦ã¿ãã mainWindow = new BrowserWindow({width: 800, he
ã¯ããã« æè¿ã¯http2ãmrubyé¢é£ã§Atom Shellã®Issueã¦ã©ãããä»ã¾ã§ä»¥ä¸ã«éã«ãªã£ã¦ããã ç¹ã«ä»å£ã¯Linuxé¢é£ã¯è¿½ãã¦ããªãã atom-shell - Atom Shellã§ä¿ºã®å½¹ã«ç«ã£ãIssueé - Qiita Mac App Store Mac App Storeã«åºãããã«é¢ã㦠ã¾ã 誰ãçµæå ±åãæãã¦ããªãæ¨¡æ§ app.restart() Atom Shellã®åèµ·åæ¹æ³ [Windows: Support for the equivalent of the OS X Dock bounce (FlashWindow)] (https://github.com/atom/atom-shell/issues/890) Having multiple JavaScript contexts causes a race condition in uv
HTML5ã§ã¯ãã¹ãã©ãããã©ã¼ã ãªãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ãã§ãã¦ãã¾ããElectron(atom-shell)ã Slackã®Windowsçãªããã§ã使ããã¦ããã¨ããåã®Electronã Quick stratãæ¥æ¬èªè¨³ãã¦ã¿ã¾ãããHave Fun!! Quick start ã¤ã³ãããã¯ã·ã§ã³ Electronã§ã¯ãªãããªãã¤ãã£ãAPIãæã£ãã©ã³ã¿ã¤ã ãæä¾ãããã¨ã§ãã¥ã¢ãªJavaScriptã§ãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ã®éçºãå¯è½ã«ãã¾ããWebãµã¼ãã¼ã®ä»£ããã«ãã¹ã¯ãããã¢ããªã±ã¼ã·ã§ã³ã«ãã©ã¼ã«ã¹ããio.jsã©ã³ã¿ã¤ã ã§ããã¨ããã°ããããã«ãªãããããã¾ããã Electronã¯JavaScriptãGUIã©ã¤ãã©ãªã«ãã¤ã³ãã£ã³ã°ãããã®ã§ã¯ãªããElectronã¯Webãã¼ã¸ãGUIã¨ãã¦ä½¿ç¨ãã¾ããã§ãã®ã§ãElectronã¯JavaScrip
ãã¯ãããããã¾ãã奥ããã®åºå¼µãã帰ã£ã¦æ¥ã¦ãä¹ ãã¶ãã«æãå®¶ã§ã ãã³ãã¼ã«æ»ãå°ãåºãã¦ãå å¼ä»²è¯ãéã³ã¾ãããkjunichiã§ãã èæ¯ NodObjCã¨ããã¢ã¸ã¥ã¼ã«ã使ãã¨ãNode.jsã§Cocoa APIãå©ããããã«ãªããããããå é¨ã§ä½¿ç¨ãã¦ãããã¤ãã£ãã¢ã¸ã¥ã¼ã«ã®node-ffiã0.11ç³»ã®nodeã«å¯¾å¿ãã¦ããªãã£ãã ã¤ã¾ããAtom Shellã§ã¯Node.jsã®0.11ç³»ã使ã£ã¦ãããNodObjCã¢ã¸ã¥ã¼ã«ã使ããªãç¶æ ã ã£ããnode-webkitã¯0.8ç³»ãNode.jsã®0.10ç³»ããµãã¼ããã¦ããã®ã§ãã£ã¡ã使ãã°åããã å æ¥ããããªç¶æ³ã®ä¸ãç¥ãç»å ´ãã¦ããã®ç¶æ³ãå¤ãã£ãã äºåæºå nvm,nodebrewãªã©ãNode.jsã®ãã¼ã¸ã§ã³ãåãæ¿ãããã¨ã容æãªãã¼ã«ã§äºãã0.10ç³»ã0.11ç³»ã®2系統ã®nodeãå ¥ãã¦ããã Ato
ä» ä¾åèï¼å 为å¨ä½¿ç¨node-webkitçè¿ç¨å½ä¸åç°ä¸äºé®é¢çè§£æé常大çå·®å¼ï¼å æ¤ææå¯è½å¯¼è´ç»è®ºä¸æ£ç¡®ï¼ç±äºæ²¡æç»åºtestcaseæ¹ä¾¿éªè¯ï¼æå°ç»åºä¸äºä¿®æ£å¹¶éå该æã åå² å®æ¹çæ¬ç差弿¯è¾åå ¶å¯¹ä½¿ç¨è 产ççå½±å å ³äºå ¥å£çå½±åï¼éè¦ï¼ å ³äº Build system å·®å¼çå½±å å ³äºNodeéææ¹å¼çå½±å å ³äºMulti-contextçå½±åï¼é常éè¦ï¼ 宿¹æ²¡æè¯´çä¸äºå½±å APIå ¨é¢åé´ Node-Webkitï¼ä½ä¸å®æ´ å ¥å£ä¹¦åæ¹æ¡æ´å çæ Render Process é离ä¸éä¿¡ child_process.fork ç»äºå¯ä»¥ä½¿ç¨ protocol ç»ä¸ç模å管ç (åæ é¢ APM) ææ¯è§åº¦çæ»ç» å°è¯ç¨è¿ Node-Webkit åè¿ä¸è¥¿çï¼æå¤æå°ä¼å ³æ³¨å° Atom Shellã使¯ä¸æç¤¾åºéé¢è®¨è®ºä¸¤è ä¹é´çå·®å¼çææ¡£å¤§é¨åé½éä¸å¨å¯¹å®æ¹æä¾çææ¯ç»èä¸é¢ãå½
ã¯ããã« ãã®è¨äºã¯ã@kjunichiã®2014å¹´ãã¼ã½ãã«ã¢ããã³ãã«ã¬ã³ãã¼ã®12æ¥ç®ã®è¨äºã§ãã å¿ è¦ãªãã® https://github.com/kjunichi/node-image https://github.com/kjunichi/node-glfw https://github.com/kjunichi/node-webgl https://github.com/kjunichi/node-webcl Atom Shellåãã«åã¢ã¸ã¥ã¼ã«ããã«ã node-gypããªãå ´å 0.10.33ã§ãã0.11ç³»ã§ãè¯ããã npm install -g node-gyp HOME=~/.atom-shell-gyp node-gyp rebuild --target=0.19.5 --arch=x64 --dist-url=https://gh-contractor-zc
GitHub 謹製 Atom ã¨ãã£ã¿ã Shadow DOM ã使ãå§ããã¨ããã ãã§ããããã£ããã ããç§ã Atom ã使ã£ã¦ã¿ããã èµ·åãã¦ããã¹ãæ¸ããããããã«ã¤ã³ã¹ãã¯ã¿ã§ DOM ãçºããã ããã¨ããç´ æµãShadow DOM ã®ã¿ãªãã Custom Elements ãã°ãã°ã使ããã¦ããããããã¾ãããã ãããã«ã¹ãã¼ã¿ã¹ãã¼ãã¤ã¤ãã¦ã¿ãã¨ãããã Atom 㯠UI ã React ã«æ¸ãç´ãããã®ã¨æãããã§ããããã©ã React ã«ãªã£ãã®ã¯ããã¹ãç·¨éé åã ãã®æ§åãå¨è¾ºã® UI 㯠Custom Elements ãã¼ã¹ã«ãªãã¤ã¤ãããããã ãã¨ã㨠space-pen ã¨ãã jQuery ãã¼ã¹ã®å 製ãã¬ã¼ã ã¯ã¼ã¯ã§æ¸ãã¦ãããã®ãã å¾ã ã« Custom Elements åãã¦ããã¨ããã Atom, æå¤ã¨ Web Component
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãç¥ãã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}