Electron製動画å†ç”Ÿãƒ—レイヤー「DMM Player v2〠- DMM inside｜DMM inside
Webデザイナーã®ä»•äº‹ãŒåºƒãŒã‚‹ï¼Electronã¨Reactã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリ開発
Webデザインã¨JavaScriptã®æŠ€è¡“ãŒã‚ã‚Œã°ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリも自在ã«ä½œã‚Œã‚‹æ™‚代ã§ã™ã€‚Electronã¨Reactを使ã£ã¦ã€SoundCloudã®éŸ³æ¥½ã‚’自由ã«å†ç”Ÿã§ãるデスクトップアプリを作ã£ã¦ã¿ã¾ã—ãŸã€‚ 本記事ã¯Mark Brownã€Dan Princeã€Bruno MotaãŒæŸ»èªã‚’担当ã—ã¦ã„ã¾ã™ã€‚最高ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ä»•ä¸Šã’ã‚‹ãŸã‚ã«å°½åŠ›ã—ã¦ãã‚ŒãŸSitePointã®æŸ»èªæ‹…当者ã®ã¿ãªã•ã‚“ã«æ„Ÿè¬ã—ã¾ã™ã€‚ GitHubãŒé–‹ç™ºã—ãŸElectronã¯ã€Webデザインã®ã‚¹ã‚ルをå˜åˆ†ã«æ´»ç”¨ã—ã€ã‚¯ãƒã‚¹ãƒ—ラットホームã§è»½å¿«ã«å‹•ãデスクトップアプリを作æˆã§ãã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€Electronã‚’Reactã€ES6ã€SoundCloud APIã¨çµ„ã¿åˆã‚ã›ã¦ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ãŠæ°—ã«å…¥ã‚Šã®æ›²ã‚’æµã›ã‚‹ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªéŸ³æ¥½ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒ—リを作る方法を紹介ã—ã¾ã™ã€‚ã¾ãŸã€ã“ã®éŸ³æ¥½ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ã‚¢ãƒ—リをパッケージ
Modern JavaScript概観ã€ãã—ã¦Electron㸠| ã•ã«ã‚らãš
ã“ã®ä¸€ã‹æœˆåˆ†ã®å¦ç¿’æˆæžœã‚’æ•´ç†ã—ãŸãƒªãƒã‚¸ãƒˆãƒªã‚’作ã£ãŸã®ã§ã€ãã®æˆæžœã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ãŠã。 作ã£ãŸã‚µãƒ³ãƒ—ルプãƒã‚¸ã‚§ã‚¯ãƒˆã ã‘を手軽ã«æ¬²ã—ã‘ã‚Œã°ã€ã“ã®ãƒªãƒã‚¸ãƒˆãƒªã‚’ clone ã—ã¦ã»ã—ã„。 taichi/js-boilerplatemaster ブランãƒã«ã¯ã€ãƒŸãƒ‹ãƒžãƒ 㪠JavaScript 開発環境ãŒã‚µãƒ³ãƒ—ルコード付ãã§å…¥ã£ã¦ã„ã‚‹frontend ブランãƒã«ã¯ã€React/Redux/webpackãªã‚¦ã‚§ãƒ–アプリケーション用ã®é–‹ç™ºç’°å¢ƒãŒå…¥ã£ã¦ã„るデフォルトブランãƒã«ã—ã¦ã‚ã‚‹ electron ブランãƒã«ã¯ã€frontend ブランãƒã®å†…容ã«åŠ ãˆã¦Electronã§ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ç’°å¢ƒãŒå…¥ã£ã¦ã„ã‚‹ã¯ã˜ã‚ã«#最近㮠JavaScript ã«ã¤ã„ã¦#僕ã¯ä»•äº‹ã¨ã—㦠JavaScript を書ã„ã¦ã„る訳ã§ã¯ãªã„ã‘ã©ã‚‚ã€ã“ã®åŠå¹´ãらã„ã®é–“ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒ„ールãªã‚‰ã„ãã¤ã‹ä½œã£ãŸã€‚ã©ã¡ã‚‰ã‚‚便利
Photon
The fastest way to build beautiful Electron apps using simple HTML and CSS Powered by Electron Underneath it all is Electron. Originally built for GitHub's Atom text editor, Electron is the easiest way to build cross-platform desktop applications. If you can write a bit of HTML, CSS, and JS, you can build full featured applications. Companies like Microsoft, Facebook, and Slack are using it – why
electron ã‚’å¦ã¹ã‚‹ workshopper ã§ã‚ã‚‹ electronica を作ã£ã¦ã¿ã¾ã—ãŸã€‚ - from scratch
ã¡ã‚‡ã£ã¨æœ€è¿‘Fallout4ã§ã‚µãƒ³ã‚¯ãƒãƒ¥ã‚¢ãƒªã‚’開発ã™ã‚‹ã®ã«å¿™ã—ã™ãŽã¦OSS界隈ã®ä»•äº‹ã‚µãƒœã£ã¦ã—ã¾ã£ã¦ã„ãŸã®ã§ã€31æ—¥ã«ã—ã¦æ›¸ã‹ãªã„ã¨ã„ã‘ãªã„記事ãŒ2ã¤ã»ã©æ®‹ã£ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚ ãªã®ã§ã€ä¸€å€‹ã‚’ã“ã®å ´ã§æŠ•ä¸‹ã—ã¦ãŠãã¾ã™ã€‚ 手çŸã«è¨€ã†ã¨ã€electronicaã¨ã„ã†workshopperを作りã¾ã—ãŸã€‚ github.com $ npm install electronica -g $ electronicaã§èµ·å‹•ã—ã¾ã™ã€‚最åˆã¯Hello Electron ã‹ã‚‰å§‹ã¾ã‚Šã€æœ€çµ‚çš„ã«å°ã•ãªãƒ–ラウザを作るãらã„ã¾ã§ã®äº‹ã‚’ã‚„ã‚Šã¾ã™ã€‚ 残念ãªãŒã‚‰ã€verifyã¯å‹•ã‹ãªã„ã®ã§ã€çµ‚ã‚ã£ãŸãŸã‚‰è‡ªå·±åˆ¤æ–ã§æ¬¡ã®exerciseをやらãªã„ã¨ã„ã‘ãªã„ã®ã§ã€ã¾ã NodeSchoolã§ä½¿ãˆã‚‹ã¾ã§ã¯è¡Œã‹ãªã„ã®ã§ã™ãŒã€æš‡ãªå†¬ä¼‘ã¿ã«ã‚„ã£ã¦ã¿ã¦ãã ã•ã„。 僕ã¯ã“ã®å†¬ä¼‘ã¿ã«ã¯verifyãŒã¡ã‚ƒã‚“ã¨å‹•ãよã†ã«ã—ã¾ã™ã€‚ ã§ã¯æ¬¡ã®è¨˜
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 を採用 ユニット テスト対応 コード ドã‚ュメント対応
Electronã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリを簡å˜æ§‹ç¯‰
アジャイル開発ã«å–り組むãƒãƒ¼ãƒ å‘ã‘ã®ã‚³ãƒ¼ãƒãƒ³ã‚°ã‚„ã€æŠ€è¡“顧å•ã€èªå®šã‚¹ã‚¯ãƒ©ãƒ ãƒžã‚¹ã‚¿ãƒ¼ç ”ä¿®ãªã©ã®å„種トレーニングをæä¾›ã—ã¦ã„ã¾ã™ã€‚ãœã²ãŠæ°—軽ã«ã”相談ãã ã•ã„（åˆå›žç›¸è«‡ç„¡æ–™ï¼‰ 全国5000人ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã‚ã¦å¯¿å¸è·äººã«ãªã‚ã†ã¨æ€ã£ã¦ã„ã‚‹ã¿ãªã•ã‚“ã“ã‚“ã°ã‚“ã¯ã€‚ å‰å›žã¾ã§ã‚¹ãƒ©ã‚¤ãƒ‰å…±æœ‰ç”¨ã®ã‚¢ãƒ—リケーションを趣味(リãƒãƒ“リ)ã§ä½œã£ã¦ã„ãŸã®ã§ã™ãŒã€æŠ˜è§’ãªã®ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—クライアントも作ã£ã¦ã¿ã¾ã—ãŸã€‚ 構築ã«ã¯Electronを使ã£ãŸã®ã§ã™ãŒã€çµæ§‹ç°¡å˜ã«ã§ããŸã®ã§è¨˜éŒ²ã¨ã—ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ Electronã£ã¦ä½•ï¼ŸGitHubãŒé–‹ç™ºã™ã‚‹ã‚¯ãƒã‚¹ãƒ—ラットフォームã§å‹•ä½œã™ã‚‹ã‚¢ãƒ—リケーションを開発ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク。コードã®è¨˜è¿°ã¯HTML5ã¨Node.js。ãã®ç¯„囲ã§ã‚ã‚Œã°æ—¢å˜ã®Web開発技術ãŒä½¿ã„ã¾ã‚ã›ã‚‹ã€‚例ãˆã°jQueryã¨ã‹Angularãªã‚“ã‹ã‚’使ã†ã®ã‚‚å¯èƒ½Chromeブラウザã®ã‚ªãƒ¼ãƒ—ンソース版ã®Chr
Electronã§ã‚³ã‚¹ãƒˆã‚’掛ã‘ãšç¶ºéº—ãªã‚¢ãƒ—リケーションをã¤ãã‚‹ - Qiita
#æ¦‚è¦ Electronã§React+ES6ã‚ãŸã‚Šã‚’実装ã—ãŸã„ãŒã€è‡ªåˆ†ã§æ§‹æˆè€ƒãˆã‚‹ã®ã‚‚二番煎ã˜æ„ŸãŒã‚ã‚‹ã®ã§ã€æ—¢ã«ã‚ã‚‹boilerplateã§ã‚µã‚¯ãƒƒã¨ã„ã„æ„Ÿã˜ã®ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ã‚’ã¤ãる。ã»ã¼é を使ã‚ãšã«ã¾ã‚ã¾ã‚綺麗ãªè¨è¨ˆã§ã‹ãã¨ã„ã†ã®ã‚’目標ã¨ã—ãŸã€‚ ã¤ãã£ãŸã‚‚ã®ã¯ã€(会社ã§ä½¿ã£ã¦ã„る何種類ã‹ã®)プルリクã®ãƒ†ãƒ³ãƒ—レートをコピペã§ãã‚‹ã¨ã„ã†ç°¡å˜ãªãƒ‡ãƒ¢ã€‚ okmttdhr/pull-request-templates 以下ãªæ„Ÿã˜ã§é¸æŠžã€ã‚³ãƒ”ペãŒå‡ºæ¥ã‚‹ã€‚ #electron-react-boilerplate ã„ã‚ã„ã‚探ã—ãŸçµæžœã€â†“ã®ã‚ˆã†ãªã„ã„æ„Ÿã˜ã®ã‚¹ãƒˆãƒ©ã‚¯ãƒãƒ£ã®ä¸ã§1番よã•æ°—ã§starも多ã„ã®ãŒchentsulin/electron-react-boilerplateã ã£ãŸã€‚ ##ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹æˆ React React Router Flux Babel Webpack Electron ##フ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[PDF] Electronã®å€’ã—æ–¹
{{#tags}}- {{label}}
{{/tags}}