electron-viteNext Generation Electron Build Tooling Based on Vite. It's fast, simple and powerful!
åæ© Electronã®IPCéä¿¡ã¯ç¹ã«ã¡ã¤ã³ããã»ã¹ã¨ã¬ã³ãã©ã¼ããã»ã¹ã§ãã¼ã¿ã®ããã¨ããããå ´åã«ä½¿ããã¾ããæ¨ä»ã®ã»ãã¥ãªãã£åä¸ã®æµãã§ã¬ã³ãã©ã¼ããã»ã¹ããã¡ã¤ã³ããã»ã¹ã§ä½¿ãã¢ã¸ã¥ã¼ã«ãç´æ¥å¼ã³åºããã¨ã¯é¿ããããããã«ãªããIPCéä¿¡ãä»ãã¦å®ç¾ãããã¨ãå¤ããªã£ã¦ãã¾ãã ããããªããIPCéä¿¡ã®ç¨®é¡ãå¢ããã¨ãã®ç®¡çãé常ã«å¤§å¤ã«ãªãã¾ããç¹ã«å¼æ°ããã¼ã¯ã¼ãã®ãã§ãã¯ããªããæ£ãããã¼ã¿ãéåä¿¡ãã¦ããã®ã確èªããã®ã大å¤ã§ãã ããã§ä»åã¯IPCéä¿¡ã«GraphQLã使ã£ã¦ã¿ããã¨æãã¾ããããã«ããGraphQLã®æ©è½ã§ä¸è¨ã®èª²é¡ã解決ã§ãã¾ãã æ¹æ³ ã¡ã¤ã³ããã»ã¹ ã¾ã GraphQL Tools ã® makeExectableSchema ã使ã£ã¦ GraphQLSchema ã®ã¤ã³ã¹ã¿ã³ã¹ãä½ãã¾ãã const typeDefs = /* GraphQL
ãã£ã¡ãããã·ã¥ããã¤ãããè±èªã§å ã«æ¸ãã¦ããæ¥æ¬èªè¨³ãã¦ãã¾ã â English version is available here. ããã«ã¡ã¯ãTAKUYAã¨ç³ãã¾ããInkdropã¨ããMarkdownãã¼ãã¢ããªãéçºãã¦ãã¾ãããã®ã¢ããªã¯Electronã§ä½ã£ã¦ãã¾ããElectronã¯ãNodeJSã¨Chromium(ãã©ã¦ã¶)ãã¼ã¹ã§ã¯ãã¹ãã©ãããã©ã¼ã ãªãã¹ã¯ãããã¢ããªãéçºã§ãããã¬ã¼ã ã¯ã¼ã¯ã§ãããã®ãã¬ã¼ã ã¯ã¼ã¯ã¯åºæ¬çã«ç´ æ´ãããã§ãããªããªãããªãã¯ãã¤ãã£ãç¨ã®ãã¬ã¼ã ã¯ã¼ã¯ãå¦ã¶å¿ è¦ããªããJavaScriptãHTMLã¨CSSã§ã¢ããªãä½ããããã§ããããããªããã¦ã§ããããããã¼ã ã£ãããæ軽ã«ã¢ããªãä½ããã§ããããä¸æ¹ã§ãå¤ãã®äººãElectronã®å¼±ãç¹ã«ã¤ãã¦ãè¨åãã¦ãã¾ããããã¯ã¢ããªã®èµ·åé度ãé ãå¾åã«ãããã¨ããç¹ã§ããåã®ã¢
create-react-appã¨electron-builderã§TypeScriptã¨Hot Reloadã«å®å ¨å¯¾å¿ããElectronã¢ããªéçºç°å¢ãä½æããTypeScriptReactElectroncreate-react-appelectron-builder create-react-appã§æ¥½ã«React+Electronã¢ããªãæ¸ããããã«ãªãã¾ããã("How to build an Electron app using Create React App and Electron Builder"ï¼ ãããããã«æ¨ãé²ããããå®å ¨ã»å¿«é©ãªReact+Electronã¢ããªéçºç°å¢ãæ§ç¯ãã¦ã¿ã¾ããï¼é·ãï¼ã¿ã¤ãã«ã«ããéããç®æ¨ã¯ä»¥ä¸ã®éãã§ãã create-react-appã§TypeScript対å¿ããã¸ã§ã¯ããããã£ã¨çæ Main Processã§ãããã¹ã¦
ããã«ã¡ã¯ãåç½®ãã¯æãã«ããä½ãã¾ãã Create Application 01: create-react-app ã¾ãã¯create-react-appã§ãããªãã£ããnpm install -g create-react-appãã¦ãã ããã ãã¾ããã£ããyarn startã§èµ·åãã¾ãããããã¾ãããï¼ãã¾ããã£ã¦ãã®ã確èªãããå³å»ã¸ã§ãæ¢ãã¾ããããããäºåº¦ã¨yarn startãå®è¡ãããã¨ã¯ããã¾ããã 02: install Some Package 以ä¸ã®ããã±ã¼ã¸ãã¤ã³ã¹ãã¼ã«ãã¦ãã ãããææ°ã®ã§åé¡ã¯ãªãã¯ãã§ãããã¹ã¦ã¤ã³ã¹ãã¼ã«æã«--dev-dependenciesãä»ãããã¨ãå¿ããªãã§ãã ãããã¾ãå¿ãã¦ãããã§ãã electron npm-run-all 03: setting up Electron ãã¡ãã®gistãåç §ãã¦ãã ããã 次ã«
builderscon tokyo 2018ãElectronã«ããã¢ããªã±ã¼ã·ã§ã³éçºäºæ 2018ã
ããã«ã¡ã¯ä¸¸å±±@h13i32maruã§ãã 2å¹´åããJasperã¨ããGitHubç¨ã®Issue Readerãéçºãã¦ããã$12ã§è²©å£²ãã¦ããã®ã§ãããv0.6.0ããç¡æã§é å¸ãããã¨ã«ãã¾ããð ããã¾ã§ã«ææã§ãè²·ä¸ãããã ããæ¹ã ãæ¬å½ã«ãããã¨ããããã¾ããï¼ï¼ï¼ãããéçºã®æ¯ãã«ãªãã¾ããããè³¼å ¥ãã¦ãããããã¨ãæ¥ã å¬ããæã£ã¦ãã¾ãããä»å¾ã¨ãæ¯éJasperããããããé¡ããã¾ãï¼ ãªãç¡æã«ããã®ãï¼ ããããã©ããã¦ææã§è²©å£²ãã¦ããã®ãã¨ããã¨ããèªåã®ä½ã£ããã®ã§ãéãç´æ¥ç¨¼ãã£ã¦ã©ããããé£ãããã ãããï¼ããããããè³¼å ¥ãã¦ãããããã«å人ã§ã§ãããã¨ã£ã¦ä½ããããã ãããï¼ãã¨ããã®ãç¥ãããã£ãããã§ããä¸æ«åéã¨ããµã©ãªã¼ãã³ãè¾ãããã¿ãããªã®ã¯å ¨ç¶èãã¦ãã¾ããã§ãããææã«ãã¦ããã®ã¯ããã¾ã§ãç¾è·ï¼ãããã¯ãéçºï¼ã«æ´»ããããã«ã¨ããæã
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
backlogã¨ããã®ã¯ä¸è¬åè©ã®ã»ãã®backlogã§ã¯ãªãããã¼ã©ãããã®ãããã¯ãã®ã»ãã®backlogã§ãã www.backlog.jp ã ãããåæ¥ã®2æ¥éã§ã§ããã®ã§ããã£ãã ä½ã£ããã¤ã©ãã«ããã¦ããã ã¢ã㪠BackLogger-darwin-x64_v0.1.1.zip - Google ãã©ã¤ã ã½ã¼ã¹ã³ã¼ã github.com ã¹ã¯ãªã¼ã³ã·ã§ãã ã¿ã¤ãã«ã®éããScala.jsã¨Electronã§ä½ããã¦ãã¾ãã ãªã Scala.js 㨠Electron ã§ä½ã£ãã®ã Scala.js ãã©ããããå®ç¨çã«ä½¿ããã®ããç¥ãããã£ã Electoron ã®å¾æãªãã¨ãè¦æãªãã¨ã触ã£ã¦ã¿ã¦æ¤è¨¼ãããã£ã ã¨ããã¾ã£ã¨ããªçç±ã¨ã æ¥å¹´ã®ScalaMatsuriã«å¿åããããã®ãã¿ãã»ãããªã ãã§ï¼ãªããåããã«è¨è¨ã®è©±ãã¦ããã©ããåã¯ããã§ä½ä½ã£ãã®ï¼
以åãè±èªããã£ã¦ããããã®Duo3.0ã¢ããªãä½ãç´ãã話 - 解ãã¬æ¥è¨ã§æ¸ããã¨ããReactNativeã§ä½ã£ãã¢ãã¤ã«ã¢ããªã使ã£ã¦Duo3.0ããã£ã¦ããããã ãã©ãããããã£ã¦ããã¨ä»åº¦ã¯ãã¹ã¯ãããã¢ããªã欲ãããªã£ã¦ããããã£ã±ãã¿ã¤ãã³ã°ã¯ãã£ã¡ã®ã»ããæ©ãæéãç¯ç´ã§ãããåã¯æ®æ®µãArchLinuxã使ã£ã¦ã¦ãä»äºã§ã¯MacOSXã使ã£ã¦ããã®ã§ãæ°ãã¤ãããElectronã使ã£ã¦ä½ã£ã¦ããDuo3.0ã¢ããªè¸äººã¿ãããªæ§ç¸ãåãã¦ãããã©ãåã¯ããã£ãã«ããããã ããªãã ã ææ 以ä¸ãææã«ãªãã¾ãã vimeo.com ã½ã¼ã¹ã³ã¼ããç½®ãã¨ããå°ããã®ã§Electronãã£ã¦ã¿ãã人ãé°å²æ°ãçºããã«ã¯è¯ãããç¥ããªãã github.com TL;DR Electronã«é¢ãã¦ã¯ãµã³ãã«ç¨åº¦ã ãåã«æ¸ãããã¨ããããä¸èº«ã¯Javascriptã¨HTMLã§æ¸
Typetalkãã¹ã¯ãããã¢ã㪠å æ¥ãå¼ç¤¾ãã£ãããµã¼ãã¹Typetalkã®ãã¹ã¯ãããã¢ããªããªãªã¼ã¹ãã¾ãããããããTypetalk.appã®ããã±ã¼ã¸ãè¦ãã¦Electronã®çè·¡ãè¦ã¤ãåºããæ¹ãããã£ãããã¨æãã¾ããããã®éãElectronããã¼ã¹ã«å®è£ ãã¦ãã¾ãã Electronã¯HTMLãJavaScriptãCSSãªã©Webã®æè¡ã使ç¨ãã¦ãã¹ã¯ãããã¢ããªãéçºã§ãã¾ããGitHub社ã®Atomã¨ãã£ã¿ãã¯ããã¨ãã¦ãä»ã§ã¯é常ã«å¤ãã®ã¢ããªãElectronãã¼ã¹ã§å ¬éããã¦ãããå®è£ æ¹æ³ã«ã¤ãã¦ãæ¢ã«å¤ãã®è¨äºãæ¸ããã¦ãã¾ãã ãã ããæ£å¼ã«ã¢ããªãå ¬éããå ´åã«ã¯ãã³ã¼ããµã¤ãã³ã°ãªã©ãè¡ããªã©ãèæ ®ãå¿ è¦ãªãã¤ã³ããããã¤ãããã¾ããããã§æ¬è¨äºã§ã¯æ£å¼ã«Electronã¢ããªãWindows/Macåãã«ãªãªã¼ã¹ããã«ããã£ã¦å¿ è¦ã ã£ã3ã¤ã®ãã¨ã
åã1æ¥ã«1åãããã®é »åº¦ã§è¦ã¦ãããã¼ã¸ã®ä¸ã®1ã¤ã« GitHub ã® Trending repositories ã®ãã¼ã¸ãããã¾ãï¼ãã®ãã¼ã¸ã«ã¯è¨èªãã¨ã«æ¥æ¯ã»é±æ¯ã»ææ¯ã®åä½ã§ GitHub ä¸ã§äººæ°ã®ãªãã¸ããªãã©ã³ãã³ã°å½¢å¼ã§è¡¨ç¤ºããã¾ãï¼ è©±é¡ã«ãªã£ã¦ããã©ã¤ãã©ãªãã½ããã¦ã§ã¢ã®ä¸æ¬¡ã½ã¼ã¹ã¨ãã¦ä¾¿å©ãªã®ã§ããï¼å¾®å¦ã«ã¢ã¯ã»ã¹ãæªãä½ç½®ã«ããï¼è¨èªãã¨ã«ããè¦ããã¾ããï¼ã¾ãï¼ã©ã³ãã³ã°ã«ã¯å¸¸ã«äººæ°ãªã常é£ããªãã¸ããªãå¤ã ããã®ã§ï¼æ°ãã話é¡ã«ãªã£ã¦ãããªãã¸ããªã¯ãã®ä¸ã«åãããã¡ã«ãªã£ã¦ãã¾ãã¾ãï¼ ããã§ï¼ä»åã¯ãããã®åé¡ã解決ãã¹ãï¼GitHub ã®ãã¬ã³ãã¯ã©ã¤ã¢ã³ã Trendy ã Electron ãã¼ã¹ã§ã¤ããã¾ããï¼ Trendy - Menubar App to Keep You in the Trend Trendy 㯠GitHub ã®ãã¬ã³ã
åãã¦Electronã使ã£ã¦Twitterã¯ã©ã¤ã¢ã³ã https://github.com/k0kubun/Nocturn ãä½ã£ãã¨ãã«ããããããæéãå¸ããããã¨ã«ã¤ãã¦ãããããElectronã使ãã¯ããã人ã®ããã«æ®ãã¦ããã ãã©ãã¯ãããã§ã¹ã¯ãã¼ã«ããã¨ç»é¢ã®å¤ã¾ã§ã²ã£ã±ãã¦ãã¾ã ãã¦ã¹ãã¤ã¼ã«ã§ã¹ã¯ãã¼ã«ãã¦ãã¨æ°ã¥ããªãã®ã ãããã©ãã¯ãããã§ç»é¢ã®é©å½ãªã¨ãããå¼ã£å¼µãã¨ç»é¢ã®å¤å´ãè¦ãã¦ãã¾ããæ®éã®ãã©ã¦ã¶ã£ã½ããªããElectronã®æ¤ç´¢æ§ãä½ãã¦ãªããªãæ å ±ã«ãã©ãçããªãã£ãããChrominumãã¼ã¹ãªã®ã§Chromeã«ã¤ãã¦ã°ã°ã£ããç´ãæ¹ãããã£ãã http://stackoverflow.com/questions/12046315/prevent-overscrolling-of-web-page ãã¨Webã£ã½ããªãããã¯ããã¯ã¨ãã¦ã¯
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}