Shibuya.XSS techtalk #11 ã®çºè¡¨è³æã§ãã
Shibuya.XSS techtalk #11 ã®çºè¡¨è³æã§ãã
è¨å®ä¸è¦ã®ãã«ããã¼ã« parcelã¨ãããã«ããã¼ã«ã空åã®å¢ãã§GitHubã¹ã¿ã¼ãéãã¦ããããªãªã¼ã¹æ°æ¥ã§5000ã¹ã¿ã¼ãè¶ ãã¦ãã¾ããä»æ¥ã ãã§ã1000ã¹ã¿ã¼ä»¥ä¸å¢ãã¦ãããGoogleãªã©ã®æåä¼æ¥ãªãã¸ããªä»¥å¤ã§ãã®ã¹ãã¼ãã§äººæ°ãã§ãã®ã¯ç°ä¾ã§ãã https://github.com/parcel-bundler/parcel https://parceljs.org/ å®éã«è©¦ãã¦ã¿ãã¨ãããããã¯webpackä¸å¼·æ代ãçµããããã¬ãã«ã®ä½¿ããããã ã¨ç¢ºä¿¡ãã¾ããã ä½è ã¯Adobeã®ã¨ã³ã¸ãã¢ã§ããã®ä»èåã¨ã³ã¸ãã¢ãç¶ã ã¨åå ãã¦ããæ§åã§ãã webpackç²ã webpackãåºãå½åãwebã¨ã³ã¸ãã¢ã¯gulp/gruntç²ãã®ç¶æ ã ã£ããã¨ãè¦ãã¦ããæ¹ããããã¨æãã¾ãã webpackã®çµ±åãããè¨å®ãã¡ã¤ã«ã¯ãã¿ã¹ã¯ã©ã³ãã¼ã§é次å¦çãã¦ãããã®ã
Powerful User OnboardingBuilt to Increase AdoptionIntro.js is a lightweight JavaScript library for creating step-by-step and powerful customer onboarding tours
Deprecation notice At Speakap, we are migrating to a more responsive component library. As such, we will be migrating away from Selectivity, and we will no longer be maintaining this library. If you are interested in taking over ownership, please file an issue. Thanks for all the support! Benefits Rich UI. Select boxes made by Selectivity have rich functionality, work out of the box and are custom
æ稿æ¨é²é¨ã®å¤æï¼@hokacchaï¼ã§ãã ã¯ãã¯ãããããã°ã®éçºã§Railsä¸ã«ECMAScript6ãªã©ã®ã¢ãã³ãªJavaScriptéçºç°å¢ãå°å ¥ããçµé¨ãå ã«ãã¦ãã¦ãç´¹ä»ãããã¨æãã¾ãã Railsã¯Sprocketsã¨ããgemã§JavaScriptãCSSãã³ã³ãã¤ã«ããä»çµã¿ãæä¾ããã¦ãã¾ããSprocketsã«ããasset管çã®ä»çµã¿ã¯é常ã«ããã§ãã¦ãããAltJSã®ãã©ã³ã¹ãã¤ã«ããã¡ã¤ã«ã®çµåãminifyãªã©ãassetã®ã³ã³ãã¤ã«ã«å¿ è¦ãªæ©è½ãä¸éãåãã¦ãã¾ãã ããããJavaScriptã«ãããã¢ã¸ã¥ã¼ã«ã®ä¾åé¢ä¿ã®è§£æ±ºããã©ã¤ãã©ãªã®ç®¡çãªã©ã«ã¤ãã¦ã¯ã¢ãã³ãªJavaScriptéçºã¨ä¹é¢ãã¦ãã¦ããã®ãç¾ç¶ã§ããããã§ãRailsã§ã以ä¸ã®ãããªãã¨ãå®ç¾ã§ãããã¨ãç®æ¨ã«ç°å¢ãä½ãã¾ããã ECMAScript6ã®ã·ã³ã¿ãã¯ã¹ã使ã ã¢ã¸ã¥
Opal Ruby to Javascript Compiler It is source-to-source, making it fast as a runtime. Opal includes a compiler (which can be run in any browser), a corelib and runtime implementation. The corelib/runtime is also very small. Opal Documentation opal.min.js opal-parser.min.js Use the CDN Opal is hosted on GitHub . You can join the community by chatting on Gitter at opal/opal or on Freenode IRC (chann
(訳注ï¼2016/1/5ãããã ãã翻訳ãã£ã¼ãããã¯ãå ã«è¨äºãä¿®æ£ãããã¾ããã) ã»ãã¥ãªã㣠â 誰ããè¦ã¦è¦ã¬ãµããããåé¡ ãã»ãã¥ãªãã£ãéè¦ã ã¨ãããã¨ã¯ã誰ããèªèãã¦ããã¨æãã¾ãããçå£ã«ã¨ããã¦ãã人ã¯å°æ°ã ã¨æãã¾ããæã ãRisingStackã¯ãçããã«æ£ããã»ãã¥ãªãã£ãã§ãã¯ãè¡ã£ã¦ããã ãããã¨èãããã§ãã¯ãªã¹ããç¨æãã¾ãããçããã®ã¢ããªã±ã¼ã·ã§ã³ãä½å人ã¨ããã¦ã¼ã¶ãã客æ§ã«ä½¿ç¨ãããåã«ã»ãã¥ãªãã£ãã§ãã¯ãè¡ã£ã¦ãã ããã ããã«æãããªã¹ãã®ã»ã¨ãã©ã¯æ¦ç¥çãªãã®ã§ãNode.jsã«éãããå ¨ã¦ã®è¨èªããã¬ã¼ã ã¯ã¼ã¯ã«é©ç¨ãããã¨ãã§ãã¾ãããã ããããã¤ã®ãã¼ã«ã¯ãNode.jsåºæã®ãã®ã¨ãªãã¾ãã®ã§ããäºæ¿ãã ããã Node.jsã»ãã¥ãªã㣠ã«é¢ããããã°è¨äºãæ稿ãã¦ããã¾ãã®ã§ããã¡ããæ¯éèªãã§ã¿ã¦ãã ããã æ§æ管ç HT
ã¤ãã³ãå 容 React.js meetup #2React v0.14ããªãªã¼ã¹éè¿ã§Relayããªã¼ãã³ã½ã¼ã¹åããã¦ããä¸ã§ã Facebookã®ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ã§ããViktor Kelemenãããæ¥æ¥ãããã¨ãããã¨ã§æ¥é½éå¬ãã¾ãï¼ ãã®æ©ä¼ã«ReactãFacebookãããã¯ãã«ã¤ãã¦ã®ç¥è¦ãå ±æãã¾ãããï¼ ã¿ã¤ã ãã¼ãã«æéå 容çºè¡¨è
Emptying an array is a common JavaScript task but too often I see the task performed in the incorrect way. Â Many times developers will create a new array: myArray = []; // bad That isn't the optimal way to get a fresh array; Â to truncate an array, and thus empty it, you should set the length property to zero: myArray.length = 0; // good! Setting the length equal to zero empties the existing array,
åæ¥ã§react-railsã¨turbolinksãåå¼·ãã¦ã¿ãææã§ã ããããã㨠ç»é¢é·ç§»ããã¨ãã¯<div id='content'></div> ã®ä¸èº«ã ãå ¥ãæ¿ãã¦ãpushStateã§è¡ãæ¥ã§ããããã«ããã reactã使ã£ããªãããªãã¼ã¸ã§ããã¤ãã·ã£ã«ãã¼ããSEOã®çºã«ãµã¼ãã¼ãµã¤ãã§ã¬ã³ããªã³ã°ãã¦ãããã ãµã¼ãã¼ãµã¤ãã¬ã³ããªã³ã°ããè¦ç´ ãç ´æ£ãããã¨ãªãReactã§åæåãã¦setStateã§ã¬ã³ã¬ã³Viewãæ¸ãæããã çµæã©ããªã£ãã ãµã¼ãã¼ãµã¤ãã§ReactComponentãã¬ã³ããªã³ã°ãã¦ã¯ã©ã¤ã¢ã³ãã®React.renderã§åæåæ å ±ãæãã¦å¼ãç¶ã ã©ããªç»é¢ã§ãapp.component.setState({})ãåæ ããã¦æé« Turbolinksã§ReactComponentããã¦ã³ãããã«ã¼ãè¦ç´ ã ãå ¥ãæ¿ã ãã®çºã«Turboli
Selectize is a jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on.Tweet Selectize is a jQuery-based custom <select> UI control. It's useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable user-experience with a clean and powerful API. It's a lot like C
ã俺ã®æè¿ã®Railsã®JSéçºç°å¢ã for ããã³ãã¨ã³ãã¨ã³ã¸ã㢠TL;DR ãçæéã®JSããªãhogehoge-railsã§å¤§ä¸å¤«ï¼e.g. browserify-rails, sass-rails, etc.ï¼ ãæ¬æ°ã§JSæ¸ãããªãsprocketsããåãé¢ãï¼e.g. SPA, etc.ï¼ è¿·ããããã³ãã¨ã³ãã¨ã³ã¸ãã¢ã«æã®æã â» å人ã®è¦è§£ã§ã ã¯ããã« æ¬è¨äºã®å 容ã¯å人ã®è¦è§£ã§ãããæå±ããçµç¹ã®å ¬å¼è¦è§£ã§ã¯ããã¾ããï¼ æ¬è·ã¯å¦çï¼çæéã«Railsã¨ã³ã¸ãã¢ï¼ãã®ããã«çæéã«éæ¿æ´¾ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ãã£ã¦ã人éã®æ¯è¨ã§ãï¼ ã俺ã®æè¿ã®Railsã®JSéçºç°å¢ãæãã¦ããããåãã¦ï¼ããã³ãã¨ã³ãã¨ã³ã¸ãã¢ã®è¦ç¹ããè¦ãRailsã®JSç°å¢ãèå¯ãã¦ã¿ãè¨äºã«ãªãã¾ãï¼ å è¨äºãdisã£ã¦ããããã§ã¯ãªãï¼ããããªã¹ãã¯ãããããã§è¦ç¹ãå¤ãã¦ã¿ã
ãããã£ã¦ãã ãã§ãåºåãããhtmlã«ã¯scriptã¿ã°ã30åããããªããã§ã¦ããã¼ã¸ã®èªã¿è¾¼ã¿ã«10sec以ä¸ãããã ã ãã©ãåã«app/assets/javascriptsãgulp watchã¨ãã¯ããããªãã ãªããªããã«ãã¯ãã©ã¦ã¶ã®ãªãã¼ãæã«å¤æ´ãããå ´åã ããã¦æ¬²ããã£ãã ãã¨window.AppNamespace以ä¸ã«ã¢ã¸ã¥ã¼ã«è¿½å ãã¦ããã®ãè¾ãã ã¢ã¸ã¥ã¼ã«å士ã®ä¾åé¢ä¿ãããããããªãããä½ããwindow.AppNamespace.Modules.UserList.ItemViewã¨ãé·ããï¼ browserify-railsã£ã¦ãã¤ä½¿ã£ã¦ã¿ã browserifyãrailsã®ä»çµã¿ã®ä¸ã§åãããã«ãªãã browserify-rails/browserify-rails https://github.com/browserify-rails/brows
JSer.infoã¨ãããµã¤ãã4å¹´åããããã£ã¦ãã®ã§ããã2015å¹´1æããåå¹´ãããçµã£ãã®ã§è»½ãæ¯ãè¿ãããã¦ã¿ã¾ããã éä¸ã§åºã¦ããã°ã©ãã¨ãæ°å¤ã¯JSer.infoã§ã®è¨åæ°ãå ã«ãã¦ãã¦ãããã¯jser/stat-jsã使ã£ã¦åºãããã®ã§ãã ãªã®ã§èªåã®ä¸»è¦³çãªæ°å¤ã«éããªãã®ã§ãä¸è¬çã¨ã¯å¤ã¨ã¯ç°ãªãå¯è½æ§ããããã¨ã¯è¦ãã¦ããã¦ãã ããã è¨åæ°: ã¿ã°ãã¿ã¤ãã«ãç´¹ä»æã«ãã¼ã¯ã¼ããå«ã¾ããã¨+1 2015-01-06ã®JS: ESLint 0.11.0ãBrowserifyã¨webpackãTypeScriptã®æ¬ - JSer.info browserify vs webpack æ°ããªWeeklyãµã¤ããã§ã¦ãã 2015-01-13ã®JS: 6to5ãES6ã¨jspmããªãã¡ã¯ã¿ãªã³ã°JavaScript - JSer.info 6to5 2.0ãªãªã¼ã¹ èª
2015-08-22 è¿½è¨ 1å¹´ååã«æ¸ããè¨äºã§ããããã®è¨äºã®æ¹æ³ã¯è¯ããªããããªã®ã§ãåèã«ããªãã§ãã ããã twitterã§ãææããã ããã®ã§ãããã¢ãã³ãã©ã¦ã¶ã§ã¯keyup, keydownãªã©ã§ã¯ãªãUI Events Specification (formerly DOM Level 3 Events)ã¨Input Eventsã® input ã¤ãã³ããè¦ã¦å¦çãã¹ããIE8ã¯å¯¾å¿ãããªãIE8ã ãå¥ã«ããã¦æ±ãã¹ãã§ããã 2015-08-23 è¿½è¨ IE8ã¨IE9ã§ã¯ input ã¤ãã³ãã¯æå¾ éãã«æ©è½ããªãããã§ãã A near-perfect oninput shim for IE 8 and 9 â Ben Alpert ã§æ¨¡æ¬å®è£ ãä½ã£ã¦ããæ¹ããã¾ããã Microsoft Support Lifecycleã«ããã¨IE8ã¨IE9ã¯ç´åå¹´å¾(2016-
éçºã大好ããª@geta6ã§ãã React meetupã®ãã¨ãå®å ¨ã«è¦éãã¦ãã¦æããã£ãã®ã§ãå¤é¨å ¬éã®ç¤¾å åå¼·ä¼ã§Reactã¨Fluxã«ã¤ãã¦ã®çºè¡¨ããã¾ããã çµç·¯ ç¾å¨ãã¯ã·ãã§ã¯Reactã§Fluxãªæãã®æ§æã§æ°ãµã¼ãã¹ãéçºä¸ã§ããããã¾ã§ç¤¾ã®ãããã¯ãã¨ãã¦Reactãæ¡ç¨ãããã¨ã¯ç¡ãããã®æ°ãµã¼ãã¹ãåã®æ¡ç¨ã¨ãªãäºå®ã§ãã社å ã®ç©ºæ°æã¯ãFluxãReactãããèããä½ã¨ãªãããã£ã¦ããã©ã詳ããã¯ç¥ããªããã¨ããæãã§ããã ããã§ãèªåã®ç解度ã®ç¢ºèªã¨ãä¸ç·ã«éçºãã¦ãããã¼ã ã®äººã社å å¤ã®éçºç¾å ´ã®çããã«å¤§ä½ã®æè¦ãæ´ãã§ãããããããReactã¨Fluxã£ã¦ä¸ä½å ¨ä½ãªããããã»ããã¨ãããã¼ãã§ããã£ããã¨å¤§æ ãæããçºè¡¨ããã¾ããã è³æ speakerdeck.com Reactã¨Fluxã®ã㨠// Speaker Deck ã¹ã©ã¤ãã«ã¯å ¥ã£ã¦ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}