You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Vercel's mission is to provide the speed and reliability innovators need to create at the moment of inspiration. Last year, we focused on speeding up the way Next.js bundles your apps. Each time we moved from a JavaScript-based tool to a Rust-based one, we saw enormous improvements. We migrated away from Babel, which resulted in 17x faster transpilation. We replaced Terser, which resulted in 6x fa
çè ã¯ES6以åã®Vanilla JSããã¾ã好ãã§ã¯ããã¾ããã§ããã ããã§ãããã©JavaScriptããªãã¹ãæ¸ããªãã¦ããããã«ã2000年代ãéãã¦ãã¾ãã¾ãªã¢ããã¼ãã追æ±ãã¦ãã¾ãããæåã¯RJSï¼Ruby-to-JavaScriptï¼ã次ã¯CoffeeScriptã§ãããã©ã¡ãã®ã¢ããã¼ãããããã©JavaScriptãã楽ããæ¸ããã½ã¼ã¹ã³ã¼ããããã©ã¦ã¶ãå®è¡ã§ãããã¼ã¸ã§ã³ã®JavaScriptã¸ãã©ã³ã¹ãã¤ã«ãããã®ã§ããããç¨åº¦ã¯ããã¾ããã£ã¦ãã¾ããã ã¨ã¯ãããããã¯æããã«ãã®å ´ãã®ãã®æ段ã«éããããã©ã¦ã¶ãããæ´ç·´ãããJavaScriptãç解ã§ããæ¥ãå¾ ã¡ãã³ã¦ããã®ã§ãããã ããããªæ¥ãæ¥ããã¨ã¯ãªããæ°¸ä¹ ã«ãã®å ´ãã®ãã§ããéããã®ãã¨æãããææããã°ããç¶ãã¾ããã ãããã幸ããªãã¨ã«JavaScriptã¯æ¹åãç¶ãã2015å¹´ã«ã¯ES6
ã¯ããã« æ¢åã®ããã¸ã§ã¯ãããã Elm ãå°å ¥ãããã¨ããã¨ãï¼å ¨ä½ãç½®ãæãããã¨ã¯ã§ããªãã¦ãï¼ä¸é¨ã ã Elm ã§ç½®ãæããã¨ãããã¨ãã§ããã°è¯ãã§ãããï¼Web Components ã使ã£ã¦ Elm ã React ã Angularï¼Vue ãªã©ã®æ¢åã®ããã¸ã§ã¯ãã¨çµã¿åããã¦ä½¿ããªãããªã¨æãï¼å®éã«çµã¿åããã¦ã¿ã¾ããï¼ ææç©ã¯ calmery/elm-advent-calendar-2018: Elm Advent Calendar 2018 ã«ããã¾ãï¼ Web Components ã¨ã¯ Web Components ã¯ï¼åå©ç¨å¯è½ãªã«ã¹ã¿ã è¦ç´ ãä½æãï¼ãã©ã¦ã¶ä¸ã§å©ç¨ããããã®æè¡ï¼HTML Templates ã Custom Elementsï¼Shadow DOM ãã¾ã¨ããç·ç§°ã§ãï¼ããã¾ã§ React ã Angularï¼Vue ãªã©ã®ãã¬ã¼ã ã¯
èªåã®ãã¼ããã©ãªãªãµã¤ãããµã³ãã«ã«ãã©ã®ãããã®å®¹éåæ¸ãã§ããã®ãã確èªãã¦ã¿ã¾ããã jsããã³CSSã¯ããµã¤ãã®è¡¨ç¤ºã«å¿ è¦ãªè¦ç´ ã1ãã¡ã¤ã«ã«ãã³ãã«ããç¶æ ã§ãã ç»åãã¡ã¤ã«ã¯jpegã®å§ç¸®çãªã©ã«ãã£ã¦æçµçãªãµã¤ãºãå¤§å¹ ã«å¤åããã®ã§ãjsã¨CSSã®ãµã¤ãºå¤åã®ã¿ãåãä¸ãã¾ããã Bootstrap + Font Awesomeã®ãããªééç´ãã¬ã¼ã ã¯ã¼ã¯ã使ç¨ãã¦ããååã«å®ç¨çãªå®¹éã¾ã§åæ¸ã§ãã¾ããããããªãã¹ãã+3Gåç·ã§ã®è¡¨ç¤ºãå¿é ããã¾ããã ææ³ é©ç¨ãããããé ã«ææ³ã並ã¹ãã¨ã以ä¸ã®ããã«ãªãã¾ãã é 延ãã å§ç¸®ãã ãã£ãã·ã¥ãã ã¾ã¨ãã¦åã é 延ãã ãµã¤ãä¸ã«ããã»ã¨ãã©ã®ãªã½ã¼ã¹ã¯ãå®éã«ã¯å¾ããèªã¿è¾¼ãã§ãåé¡ãªãåä½ãã¾ãã ã¾ãæå°éã®æ§æã§ãµã¤ãã表示ãããéããã¡ã¤ã«ã¯å¾ããèªã¿è¾¼ã¿ã¾ãã javascriptã®é 延èªã¿è¾¼ã¿ h
create-elm-app ã¨ãã便å©ãªãã¼ã«ããã£ã¦ãããã使ãã¨ã³ãã³ãä¸çºã§ããã¸ã§ã¯ãã®éå½¢ãä½ã£ã¦ãããããã¢ã»ããã®æé©åã¨ã諸ã ãã¾ããã£ã¦ããã¾ããå é¨çã«ã¯ webpack ã使ããã¦ãã¾ãã create-elm-app èªä½ã®èª¬æã¯ãã¡ãã®è¨äºãåç §ãã¦ãã ããã ä¸ä½ä½ããã¦ããã®ã ã確ãã«æ¥½ãªãã ãã©ãè£ã§ä½ããã¦ããã®ãåãããªãã£ããã調ã¹ã¦ã¿ããã¨ããã®ããã®è¨äºã®ä¸»æ¨ã§ããã ãããããã«æ¸ãã¦ããã¾ããé·ãã¦ããã©ãã®ã§è¦ç¹ã ã並ã¹ã¦ããã¾ãã éçºå¹çã¢ããç·¨ HMR (Hot Module Replacement) ãªãã¼ãããªãã¦ãç»é¢ãææ°ã«ç½®ãæããéæ³ã§ãã ãããã·æ©è½ Dev Server ã使ãã¤ã¤ API ãµã¼ãã¼ãåæã«ä½¿ãã¨ãã£ããã¨ãåºæ¥ã¾ããelm-package.json ã«æ¬¡ã®ããã«è¨å®ã追å ããã¨æå¹ã«ãªãã¾ãã
Ruby on Rails Advent Calendar 2017ã®23æ¥ç®ã®è¨äºã§ãã SSRã¨HMRãRailsã§ããã¾ãã è³ç£ããã£ãã®ã§ãwebpackerãªãã ãã¼ã¯ã¼ã Rils Typescript awesome-typescript-loader React Redux webpack code splitting SSR Hypernova Hot Module Replacement react-hot-loader CSS in JS aphrodite ç°¡åãªã«ã¦ã³ã¿ã¼ã¨HMR â» consoleã®ã¨ã©ã¼ã¯hypernovaã¨hmrã®ç¸æ§ãæªãexport defaultãã¦ã¨ã©ã¼ãåºã¦ããããã·ã£ã¼ãªãã¨æã£ã¦ã¾ãã ã·ã¹ãã æ¦è¦ railsã¨ã®é£æºã«ã¤ã㦠webpackã§app/assets/javascripts/components/**ã«es5ã§
ãã®è¨äºã¯WebpackâââThe Confusing Partsããçè ã®è¨±è«¾ãå¾ã¦æ訳ãã¦ãã¾ãã ä½ã誤ããããã¾ãããããææããã ããã¨å¹¸ãã§ãã (以ä¸ã訳) Reactã¨Reduxã§ä½ãããã¢ããªã±ã¼ã·ã§ã³ã«ã¨ã£ã¦ãWebpackã¯æå 端ãè¡ãã¢ã¸ã¥ã¼ã«ãã³ãã©ã§ããAngluar2ããã®ä»ã®ãã¬ã¼ã ã¯ã¼ã¯ã使ã£ã¦ãã人ã ã¯ãããã¸ãWebpackã®ãä¸è©±ã«ãªã£ã¦ãããã¨ã§ãããã ç§ãåãã¦Webpackã®è¨å®ãã¡ã¤ã«ãè¦ãæãããã¯ããªããå®å®äººã®ããã§é常ã«ãããã¥ããè¦ãã¾ããããã°ãã試ãã¦ãããã¡ã«ãä»ã§ã¯æ¬¡ã®ããã«èããããã«ãªãã¾ãããWebpackã¯åã«ç¬ç¹ã®ã·ã³ã¿ãã¯ã¹ã¨æ°ããå²å¦ãæã£ã¦ããããããã¨ã£ã¤ãã«ããã®åå ã«ãªã£ã¦ããã®ã ã¨ãå¶çºçã¨ã¯ããããããã®å²å¦ã¯ãWebpackã®äººæ°ãæ¼ãä¸ããåå ã®ï¼ã¤ã§ãããã¾ãã Webpackã®ã¨ã£ã¤ãã«
ãã®ãã¹ãã¯ä»¥ä¸ã®è¨äºã®æ訳ã§ãã The End of Global CSS ä½ãééããªã©ããã¾ãããããææããã ããã¨å¹¸ãã§ãã (以ä¸ã訳) ã°ãã¼ãã«CSSã®çµç CSSã»ã¬ã¯ã¿ã¯ãã¹ã¦åãã°ãã¼ãã«ç©ºéã«åå¨ãã¦ãã¾ãã CSSã«è§¦ãã人ã¯çã以ä¸ã®ãããªè¦è§£ã«è³ã£ã¦ãããã¨ã§ãããã CSSã®èãã¯ããã¥ã¡ã³ãã®æ代ã«è¨è¨ããããã®ã§ãä»ã§ã¯ã¢ãã³ãªã¦ã§ãã¢ããªã±ã¼ã·ã§ã³ã®ããã®ããã¢ãªéçºç°å¢ãæä¾ãããã¨ãå°é£ã§ããã¨ã å ¨ã¦ã®ã»ã¬ã¯ã¿ã«ã¯æå³ããªãå¯ä½ç¨ãèµ·ããå¯è½æ§ããããæå¾ ã¨éãè¦ç´ ã«ã¹ã¿ã¤ã«ãé©ç¨ããã¦ãã¾ã£ãããä»ã®ã»ã¬ã¯ã¿ã¨ç«¶åãã¦ãã¾ã£ãããã¾ããããã«é©ãã¹ããã¨ã«ãã»ã¬ã¯ã¿ã¯ã°ãã¼ãã«ç©ºéã§è©³ç´°åº¦ã®ç«¶äºã«è² ãããã¨ãããããã¼ã¸ã®ãã¶ã¤ã³ã«å ¨ãå½±é¿ãæããªããªããã¨ã ã£ã¦ããå¾ãã®ã§ãã CSSãã¡ã¤ã«ãå¤æ´ããæã¯ãã¤ã§ããã¹ã¿ã¤ã«ãé©ç¨ãããã°ã
http://qiita.com/advent-calendar/2014/frontrend æ¦è« ããè¿å¹´ã®ã¢ãã³JSã¯ç¹ã«çç±ããªããã°common.jsã®requireã¹ã¿ã¤ã«ã§è¨è¿°ãããwebpack/browserifyã§ãã«ã/èªã¿è¾¼ããã¨ãåæã«ãã¦ãããä»ããã¥ã¼å±¤ãé¤ãã¦ãã©ã¦ã¶ã¨nodeã®ã©ã¤ãã©ãªã®å¢çã¯é常ã«ææ§ã§ããã èè 諸åã«ããã¦ã¯å¸¸ã«ã©ã¡ãã®ç°å¢ã§ãèªã¿è¾¼ãããããªã©ã¤ãã©ãªãæä¾ããããã«å¿ããããã¨ãåã«é¡ãã ä»æ¥ã¯ã©ã¤ãã©ãªã®ååããåºããªããã§åèªã°ã°ãããã«ã ç«å ´ ãµã¼ããµã¤ã~ã²ã¼ã ããã°ã©ãã³ã°åºèº«nodeå¯ãããã³ãã¨ã³ãã¨ã³ã¸ã㢠ãã®ãµã¤ãã®ã¹ã¿ããã ãã©ä»ã®ãã¨ã«æä¸æ¯ã§Qiitaã®ããã³ãã¯ã¾ã ãããªã«ããã£ã¦ãªãããã¾ããªãä»ã£ã¦ãªãã ãã㪠è¨èª CoffeeScript TypeScript æè¿DDDã£ã½ãæ§æãç®æã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}