「Electronã€ã¨ã€ŒWebView2ã€ã¯ã©ã†é•ã†ï¼Ÿ ～「Electronã€ã®é–‹ç™ºãƒãƒ¼ãƒ ãŒè§£èª¬ï¼Windowsãªã‚‰ã°ã€ŒWebView2ã€ã¯é…力ã ãŒã€ã€ŒElectronã€ã«ã¾ã 一日ã®é•·ã€‚使ã„分ã‘ã‚‚é‡è¦ã«ã€ã‚„ã˜ã†ã¾ã®æœã€‘
Electronã®å…¬å¼ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークSpectron入門 - ICS MEDIA
Spectron（スペクトãƒãƒ³ï¼‰ã¯Electronã®ç‚ºã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã€Electronã®APIを使用ã—ãŸãƒ†ã‚¹ãƒˆãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚テストをå–り入れるã“ã¨ã§ã€ã€Œæƒ³å®šã—ã¦ã„ãŸå‹•ä½œã¨é•ã†ã€ã€Œä½œæˆã—ã¦ã„ãŸæ©Ÿèƒ½ãŒã„ã¤ã®é–“ã«ã‹å‹•ä½œã—ãªã„ã€ã¨ã„ã£ãŸã“ã¨ã‚’未然ã«é˜²ã’ã¾ã™ã€‚ Spectronã‹ã‚‰ã¯å®Ÿéš›ã«Electronアプリを起動ã™ã‚‹ã“ã¨ãŒã§ãã€ã€Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ã‚¿ã‚¤ãƒˆãƒ«ã€ã€Œãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã®è¡¨ç¤ºçŠ¶æ…‹ã€ã¨ã„ã£ãŸã“ã¨ã‚’Electronã®APIã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦å–å¾—ã§ãã¾ã™ã€‚ã¾ãŸã€ã€Œãƒšãƒ¼ã‚¸ã®ç”»åƒã‚ャプãƒãƒ£ãƒ¼ã€æ©Ÿèƒ½ã§ãƒ‡ã‚¶ã‚¤ãƒ³å´©ã‚ŒãŒç™ºç”Ÿã—ã¦ã„ãªã„ã‹ã®ãƒã‚§ãƒƒã‚¯ã‚„「ページã®ãƒ†ã‚ストä¿å˜ã€ã§ãƒ†ã‚¹ãƒˆã«å¤±æ•—ã—ãŸæ™‚ã®HTMLテã‚ストã®å–å¾—ã€ã€Œconsole.log()ã§æ›¸ãã ã—ãŸå†…容ã®å–å¾—ã€ã‚‚å¯èƒ½ã§ã™ã€‚ã“れらã®ãƒ†ã‚¹ãƒˆã¯æ‰‹å…ƒã®é–‹ç™ºæ©Ÿã ã‘ã§ãªãJenkinsãªã©CI（継続的インテグレーション）サービス上ã§ã‚‚使用ã§ãã¾ã™ã€‚ â–² 本
Electron + React.js ã§ã¡ã‚‡ã£ã¨ã—㟠Markdown Viewer を作æˆã—ã¦å°‘ã—知見ãŒæºœã¾ã£ãŸã®ã§å®£ä¼ã¨ãƒãƒžã‚Šã©ã“ã‚ãªã©ã¾ã¨ã‚㟠(Markdown 表示 ç·¨) - Qiita
ãƒã‚¿ãŒè¤‡æ•°ã‚ã‚‹ã®ã§åˆ†ã‘ã¦ä½œæˆã—ã¦ããŸã®ã§ã™ãŒã€ä»Šå›žãŒæœ€å¾Œã«ãªã‚Šã¾ã™ã€‚ å‰å›žã¾ã§ã« gulpfile ã§ã®ãƒã‚¤ãƒ³ãƒˆãŠã‚ˆã³ Electron ã§ã®ãƒã‚¤ãƒ³ãƒˆã‚’以下ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Electron + React.js ã§ã¡ã‚‡ã£ã¨ã—㟠Markdown Viewer を作æˆã—ã¦å°‘ã—知見ãŒæºœã¾ã£ãŸã®ã§å®£ä¼ã¨ãƒãƒžã‚Šã©ã“ã‚ãªã©ã¾ã¨ã‚㟠(gulpfileç·¨) Electron + React.js ã§ã¡ã‚‡ã£ã¨ã—㟠Markdown Viewer を作æˆã—ã¦å°‘ã—知見ãŒæºœã¾ã£ãŸã®ã§å®£ä¼ã¨ãƒãƒžã‚Šã©ã“ã‚ãªã©ã¾ã¨ã‚㟠(Electronç·¨) ã“ã¡ã‚‰ã‚‚見ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚å†ã³å®£ä¼ã™ã‚‹ã®ã¯ã€ãã©ã„æ°—ã‚‚ã—ãŸã®ã§ã™ãŒ å‰å›žã®è¨˜äº‹ã‚’見ã¦ã„ãªã„人ã®ã»ã†ãŒåœ§å€’çš„ã«å¤šã„ã¨æ€ã„ã¾ã™ã—ã€æœ€å¾Œãªã®ã§å°‘ã—宣ä¼ã€‚ 作æˆã—ãŸã‚‚ã® markcat Electron製㮠Markdown Viewer 機能的ãªç‰¹å¾´ Intellij
Electron, Reactã§ã‚¿ãƒ–ブラウザを作ã£ã¦ã¿ãŸ - Qiita
知人ãŒesaã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—クライアントを使ã‚ãªããªã£ãŸç†ç”±ãŒã€è¤‡æ•°ã‚¿ãƒ–ãŒé–‹ã‘ãªãã¦ä¸ä¾¿ã ã£ãŸã¨èžã„ãŸã€‚ 確ã‹ã«ã€ŒElectronã®ã‚¢ãƒ—リã§ã‚‚複数タブãŒä½¿ãˆã‚‹ã¨ã„ã„ãªã€ã¨æ€ã£ãŸã®ã§ã•ãã£ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ 作ã£ãŸã‚‚㮠タブ周りã®å‡¦ç†ã‚’ä¸å¿ƒã«æ›¸ã„ãŸã€‚ブラウザã¨ã„ã†ã‚ˆã‚ŠãŸã ã®Qiitaリーダ。 環境 MacOS X 10.10.4 Node.js v.4.1.1 electron v.0.34.3 準備 Electron環境ã®å°Žå…¥ãŒå¿…é ˆã€‚ 30分ã§å‡ºæ¥ã‚‹ã€JavaScript (Electron) ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを作ã£ã¦é…布ã™ã‚‹ã¾ã§ãŒã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã™ã€‚ 今回ã¯Reactã‚’ES6ã§æ›¸ãã®ã§babel+webpack+gulpã®è¨å®šã‚’書ã„ã¦ãŠãã¾ã™ã€‚ gulpfile.js webpack.config.js npmã§å¿…è¦ãªãƒ‘ッケージをインストールã—ã€gulpã§ãƒ“ルド用ã®ã‚¿ã‚¹ã‚¯ã‚’èµ·å‹•ã™ã‚‹ã¨
Electron + Travis ã§æ¥½ã€…ビルド・リリースã™ã‚‹æœ€å¼·ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発 - Qiita
ã“ã®è¨˜äº‹ã¯å¤ã„ã§ã™ã€‚ ã¼ããŒè€ƒãˆãŸæœ€å¼·ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発環境 Web技術ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ書ã„㦠push ã™ã‚‹ã ã‘ã®ç’°å¢ƒã‚’作る。 主ã«åˆ©ç”¨ã™ã‚‹ã®ã¯ Electron + Travis + GitHub ã®3ã¤ã€‚ Electron ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ書ã„ã¦ã€push ã™ã‚‹ã ã‘ã§ãƒ“ルドã—ã¦ãƒªãƒªãƒ¼ã‚¹ã¾ã§å®Œçµã™ã‚‹ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発ãŒã§ãる。 ã‚‚ã£ã¨ç°¡å˜ã«è¨€ã†ã¨ 「ãƒãƒ¼ã‚«ãƒ«ã§é–‹ç™ºâ†’push〠ã ã‘㧠GitHub Release ã«è‡ªå‹•ã§ãƒªãƒªãƒ¼ã‚¹ã§ãる。 アプリã®ãƒ“ルド自体もTravis内ã§è¡Œãˆã‚‹ãŸã‚ã€é–‹ç™ºç’°å¢ƒã®OSã«ä¾å˜ã—ãªã„開発ãŒå¯èƒ½ã€‚ 以下㯠OS X 環境をå‰æã¨ã—ã¦èª¬æ˜Žã™ã‚‹ãŒã€ã‚¯ãƒã‚¹ãƒ—ラットフォームã®ãŸã‚ã®ãƒ“ルドã¯Travis内ã§è¡Œã†ãŸã‚ OS ã¯ä½•ã§ã‚‚良ã„。 念ã®ãŸã‚å„種サービス・フレームワークã®èª¬æ˜Ž ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ä»¥ä¸‹ã€‚ã©ã‚Œã‚‚ã™ã”ã便利。 Electron: ã¿ã‚“ãªå¤§
Electron アプリを Mac App Store ã«ç™»éŒ²ã™ã‚‹æ‰‹é † - Qiita
å¿…è¦ãªè¦ä»¶ Mac OS X 最新㮠Xcode Apple Developer Program（$100 per year） 有用ãªãƒ‰ã‚ュメント Electron Mac App Store Submission Guide Mac App Store (MAS) Submission Guideline · nwjs/nw.js Wiki Enabling App Sandbox Electron å…¬å¼ã® Submission Guideline ã¯ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ãƒ‹ãƒ³ã‚°ã«ã¤ã„ã¦ã—ã‹æ›¸ã„ã¦ã„ãªã„ã®ã§ã€nw.js ã® wiki ã‚’å‚考ã«ã—ã¦ã‚¢ãƒ—リを登録ã—ã¦ã„ãã¾ã™ã€‚ã“ã®ï¼’ã¤ã®ãƒ‰ã‚ュメントをèªã‚€ã ã‘ã§ã‚‚ゴールã«ã¯åˆ°é”ã§ãã¾ã™ãŒã€ã¤ã¾ãšããƒã‚¤ãƒ³ãƒˆã‚‚ãªã‹ãªã‹ã‚ã‚‹ã®ã§æ‰‹é †ã‚’解説ã—ã¦ã„ãã¾ã™ã€‚ Electron アプリを Mac App Store ã«ç™»éŒ²ã™ã‚‹æ‰‹é † è¨¼æ˜Žæ›¸ã‚’ä½œæˆ iTunes Conne
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}