Build a Music Streaming App with Electron, React & ES6 — SitePoint
This article was peer reviewed by Mark Brown, Dan Prince and Bruno Mota. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be! Developed by GitHub, Electron is a framework that allows you to leverage your web design skills to build slick, cross-platform desktop apps. In this tutorial, I’ll demonstrate how to combine the power of Electron with React, ES6 and t
CSS Modules 所感 - morishitter blog
CSS Modulesã¨ã„ã†ã€CSSã®æ–°ã—ã„è¨è¨ˆæ¦‚念・指é‡ã®ã‚ˆã†ãªã‚‚ã®ãŒã‚る。 CSS Modulesãƒãƒ¼ãƒ ã®1人ã§ã‚ã‚‹Glen Maddernæ°ãŒæ›¸ã„ãŸã€ŒCSS Modules - Welcome to the Futureã€ã¨ã„ã†è¨˜äº‹ã®ç¿»è¨³ãŒãƒã‚ºã£ã¦ã„ãŸã®ã§ã€åƒ•ãŒCSS Modulesã«ã¤ã„ã¦æ€ã£ãŸã“ã¨ã‚’ã¾ã¨ã¦ã¿ã‚‹ã€‚「CSS Modulesã¨ã¯ä½•ã‹ã€ã¨ã„ã†ã“ã¨ã¯ã€ä¸Šè¨˜ã®è¨˜äº‹ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã“ã“ã§ã¯ã‚ã¾ã‚Šè§¦ã‚Œãªã„。 CSS Modulesã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆ CSSã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã¯å…¨ã¦ãŒã‚°ãƒãƒ¼ãƒãƒ«å®šç¾©ã§ã‚ã‚Šã€CSS（Cascading Style Sheets）ã¨ã„ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè¨€èªžã®æœ€å¤§ã®ç‰¹å¾´ã§ã‚ã‚‹"カスケーディング"ã¨ã„ã†æ©Ÿèƒ½ã«ã‚ˆã‚Šã€CSSファイルを見ãŸã ã‘ã§ãã®ã‚¹ã‚¿ã‚¤ãƒ«ã®å½±éŸ¿ç¯„囲をç†è§£ã™ã‚‹ã“ã¨ã¯é›£ã—ã„。 CSS Modulesã¯ã€CSSã®ãƒ«ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã®å½±éŸ¿ç¯„囲をã€Webアプリケ
React.js + CSS - Qiita
React.jsã®é–‹ç™ºè€…ã§ã‚ã‚‹vjeuxãŒã€ŒReact:CSS in JSã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§Talkã‚’ã—ã¦ã„ã¦ã€ãã®å†…容ãŒãªã‹ãªã‹èˆˆå‘³æ·±ã„ã‚‚ã®ã§React.jsã«ã‚‚関係ã™ã‚‹ã‚‚ã®ãªã®ã§ç´¹ä»‹ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã®ã‚¢ãƒ—ãƒãƒ¼ãƒã«ã¤ã„ã¦ã¯åŒã˜ãReact.jsã®é–‹ç™ºè€…ã§ã‚ã‚‹zpaoã«ã‚ˆã‚‹ã€ŒReact Through the Agesã€ã¨ã„ã†Talkã§ã‚‚言åŠã•ã‚Œã¦ã„ã¾ã™ã€‚ CSSをスケールã•ã›ã‚‹æ™‚ã«å•é¡Œã«ãªã‚‹ç‚¹ Global Namespace Dependencies Dead Code Elimination Minification Sharing Constantsn Non-deterministic Resolution Isolation ã“ã“ã§ã„ã†ã‚¹ã‚±ãƒ¼ãƒ«ã•ã›ã‚‹ã¨ã„ã†ã®ã¯ã€Facebookãらã„ã®è¦æ¨¡ã®ã“ã¨ã ã¨æ€ã„ã¾ã™ã€‚ Global Namespace ãã®ã¾ã¾ã§ã™ãŒã€
Reactã«ã‚ˆã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–/Web論争ã¯çµ‚ã‚ã£ãŸã®ã‹ã‚‚ã—ã‚Œãªã„ | readwrite.jp
PCã§æˆ‘々ãŒWebアプリを多ã利用ã™ã‚‹ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã«ãŠã„ã¦ã‚¢ãƒ—リã¯å…¨ã¦ã 。今ã§ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚’使ã£ã¦ã„る時間ã®90%ã¯ã‚¢ãƒ—リã®åˆ©ç”¨ã«è²»ã‚„ã•ã‚Œã¦ã„る。 ã“ã“ã§ã„ã†ã‚¢ãƒ—リã¨ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®äº‹ã 。 マーク・ザッカーãƒãƒ¼ã‚°ãŒãƒã‚¤ãƒ†ã‚£ãƒ–ã§ã¯ãªãHTML5ã«æŠ•è³‡ã—ãŸã®ã¯æœ€å¤§ã®å¤±æ•—ã ã£ãŸã¨å®£è¨€ã—ã¦ä»¥æ¥ã€ãƒ¢ãƒã‚¤ãƒ«Webã¯ç€å®Ÿã«å‹¢ã„を失ã£ã¦ãã¦ã„る。 ã—ã‹ã—皮肉ãªã“ã¨ã«ã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ックã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŸã¡ã®ãŠã‹ã’ã§ãれもéŽåŽ»ã®äº‹ã«ãªã‚‹ã€‚ ã©ã†ã„ã†ã“ã¨ã‹èª¬æ˜Žã—よã†ã€‚ モãƒã‚¤ãƒ«Webã‚’Reactã™ã‚‹ã‚¶ãƒƒã‚«ãƒ¼ãƒãƒ¼ã‚°ãŒHTML5ã¯çµ‚ã‚ã£ãŸã¨å®£è¨€ã—ãŸç¿Œå¹´ã€ãƒ•ã‚§ã‚¤ã‚¹ãƒ–ックã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä¸€äººã§ã‚るジョーダン・ウォークãŒWeb開発ã®æ–°ã—ã„アプãƒãƒ¼ãƒã§ã‚ã‚‹ReactJSを生ã¿å‡ºã—ãŸã€‚ ReactJSã¯é–‹ç™ºè€…ãŒJavaScriptã®ã‚¹ã‚ルを活用ã—ã€ã‚¢ãƒ—リ開発をシンプルã«ã§ãるよã†ã«ãªã£ãŸã€‚ã—ã‹ã—ä»–ã«ã‚‚多ãã‚るイノベーションã®ã†ã¡ã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}