30分ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作ã£ã¦é…布ã™ã‚‹ã¾ã§ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
JavaScript (Electron) を使ã£ã¦ã‚¢ãƒ—リã®è¦‹æ „ãˆã‚’æ•´ãˆã‚‹ - Qiita
Electronを使ã£ã¦è¦‹æ „ãˆã‚’æ•´ãˆã¦ã¿ã‚‹ Electronã¯JavaScriptã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションãŒä½œã‚Œã‚‹ãƒ„ールã§ã™ã€‚ å‰å›žã€Œ30分ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作ã£ã¦é…布ã™ã‚‹ã¾ã§ã€ã§ã¯ç°¡å˜ãªã‚¢ãƒ—リを作ã£ã¦é…布ã™ã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã‚Šã¾ã—ãŸã€‚ ã‚ã¨ã¯ã„ã¤ã‚‚通り㮠JS + HTML + CSS ã§ã‚¬ãƒªã‚¬ãƒªæ›¸ã„ã¦ã„ã‘ã°ã„ã„ã®ã§ã™ãŒã€ã¾ãšã¯è¦‹ãŸç›®ã‹ã‚‰å…¥ã‚ã†ã¨ã„ã†ã“ã¨ã§ã€ã‚‚ã†å°‘ã—アプリã£ã½ã„è¦‹æ „ãˆã«ã—ã¦ã¿ã¾ã—ょã†ã€‚ ã¡ãªã¿ã«ã€Macã§ã¯ã„ã‚ã„ã‚動作を確èªã—ã¾ã—ãŸãŒã€Windowsã¯çŸ¥ã‚Šã¾ã›ã‚“。 大体åŒã˜ã‚ˆã†ã«å‹•ãã¯ãšã§ã™ãŒã€ã‚‚ã—ダメã ã£ãŸã‚‰Windows版ã®è¨˜è¿°ã‚’æ•™ãˆã¦é ‚ã‘ã‚‹ã¨åŠ©ã‹ã‚Šã¾ã™ã€‚ 基本è¨å®šã¯ browser-window API㧠browser-windowã¯ã‚¢ãƒ—リã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’表示ã™ã‚‹ãŸã‚ã®APIã§ã™ã€‚ 例ãˆã°ã€ä»¥ä¸‹ã¯å˜ãªã‚‹in
uu59ã®ãƒ¡ãƒ¢ | React.js/Fluxxorã§atom-shellã§å‹•ãTwitterクライアントを作ã£ã¦ã‚‹
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
ツールãƒãƒ¼ã‹ã‚‰ç›´è¿‘ã®Gyazoã£ãŸç”»åƒã«ã‚·ãƒ¥ãƒƒã¨ã‚¢ã‚¯ã‚»ã‚¹å‡ºæ¥ã‚‹ã‚¢ãƒ—リをElectronã§æ›¸ã„㟠- Pastalablog in ã¯ã¦ãª
追記 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ã«NodeGitをインストールã—よã†ã¨ã—ã¦ãƒãƒžã£ãŸ - amberfrog.log
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 ã®å…¬é–‹ - Qiita Blog
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ã§Gyazoã£ã½ã„UIを実ç¾ã™ã‚‹ - Qiita
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
Electron 勉強会 #1ã«ã¦Electronã§Fluxã‚’å‹•ã‹ã™è©±ã‚’ã—㟠#atom_shell - スクールアイドルã§ã™
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 を主催＆話ã—ã¦ã㟠#atom_shell - Happy New World
帰ã£ã¦ã‹ã‚‰ãƒ–ãƒã‚°ã‚’書ãã¾ã§ãŒå‹‰å¼·ä¼šã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€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
Electron(旧atom shell)基礎+入門
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.
atom-shellã§é–‹ç™ºãƒ„ールをオンオフã™ã‚‹ - レガシーコード生産ガイド
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
Atom Shellã§ä¿ºã®å½¹ã«ç«‹ã£ãŸIssueé” 2015年春版 - Qiita
ã¯ã˜ã‚㫠最近ã¯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
日本語訳 Electron(旧atom-shell) Quick start - Qiita
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
Atom Shellã§Cocoa APIãŒå©ã‘るよã†ã«ãªã£ãŸ: misc
ãŠã¯ã‚ˆã†ã”ã–ã„ã¾ã™ã€‚奥ã•ã‚“ã®å‡ºå¼µã‹ã‚‰å¸°ã£ã¦æ¥ã¦ã€ä¹…ã—ã¶ã‚Šã«æˆ‘ãŒå®¶ã§ã€ ダンボール滑りå°ã‚’出ã—ã¦ã€å…„弟仲良ãéŠã³ã¾ã—ãŸã€‚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
Atom Shell vs Node-Webkit - ç‰›è§’å ‚
ä»…ä¾›å‚è€ƒï¼Œå› ä¸ºåœ¨ä½¿ç”¨node-webkit的过程当ä¸å‘现一些问题ç†è§£æœ‰éžå¸¸å¤§çš„å·®å¼‚ï¼Œå› æ¤æžæœ‰å¯èƒ½å¯¼è‡´ç»“论ä¸æ£ç¡®ï¼Œç”±äºŽæ²¡æœ‰ç»™å‡ºtestcase方便验è¯ï¼Œæˆ‘将给出一些修æ£å¹¶é‡å†™è¯¥æ–‡ã€‚ åŽ†å² å®˜æ–¹ç‰ˆæœ¬çš„å·®å¼‚æ¯”è¾ƒåŠå…¶å¯¹ä½¿ç”¨è€…äº§ç”Ÿçš„å½±å“ å…³äºŽå…¥å£çš„å½±å“（é‡è¦ï¼‰ 关于 Build system å·®å¼‚çš„å½±å“ å…³äºŽNode集æˆæ–¹å¼çš„å½±å“ å…³äºŽMulti-contextçš„å½±å“（éžå¸¸é‡è¦ï¼‰ å®˜æ–¹æ²¡æœ‰è¯´çš„ä¸€äº›å½±å“ APIå…¨é¢å€Ÿé‰´ Node-Webkit，但ä¸å®Œæ•´ å…¥å£ä¹¦å†™æ–¹æ¡ˆæ›´åŠ 熟悉 Render Process 隔离与通信 child_process.fork 终于å¯ä»¥ä½¿ç”¨ protocol 统一的模å—ç®¡ç† (åŽŸæ ‡é¢˜ APM) 技术角度的总结 å°è¯•ç”¨è¿‡ Node-Webkit åšè¿‡ä¸œè¥¿çš„，或多或少会关注到 Atom Shell。但是ä¸æ–‡ç¤¾åŒºé‡Œé¢è®¨è®ºä¸¤è€…之间的差异的文档大部分都集ä¸åœ¨å¯¹å®˜æ–¹æ供的技术细节上é¢ã€‚当
俺ãŒé›‘ã«Atom Shellã‚’WebCLã«å¯¾å¿œã•ã›ãŸä»¶: misc
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€@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
ç¥: Atom ã® Web Components å°Žå…¥ã€ã¤ã„ã§ã« Atom Shell ã®è©±ã€‚ - steps to phantasien
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ページを開ã
WebアプリをElectronã«ä¹—ã›ã‚‹
Being Flux on Electron
Atom Shell ã•ã‚ã£ã¦ã¿ãŸ
{{#tags}}- {{label}}
{{/tags}}