Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
ãã¿ã³ãããã«ãã¬ã¤ã¢ã¦ããªã©ãæè¿ã¯Webã®ã¦ã¼ã¶ã¤ã³ã¿ã¼ãã§ã¤ã¹ã§ãã¾ãã¾ãªã¢ãã¡ã¼ã·ã§ã³ãå©ç¨ããã¦ãã¾ããWebãã¼ã¸ã®UIã«ä½¿ç¨ãã¦ããã¢ãã¡ã¼ã·ã§ã³ãä»ãããã£ã¨é åçã«åãããããã«ãªããã¥ã¼ããªã¢ã«ãç´¹ä»ãã¾ãã ã¢ãã¡ã¼ã·ã§ã³ãé åçã«åãããã¯ããã¯ã段éçã«è§£èª¬ãã¦ããã®ã§ãããããã®å¹æãããåããã¾ãã Giving Animations Life ä¸è¨ã¯åãã¤ã³ããæè¨³ãããã®ã§ãã â»å½ããã°ã§ã®ç¿»è¨³è¨äºã¯ãå ãµã¤ãæ§ã«è¨±å¯ãå¾ã¦ç¿»è¨³ãã¦ãã¾ãã Step 1: ã¾ãã¯ã·ã³ãã«ã«åããã¦ã¿ãã Step 2: ãã¦ã³ããå ãã Step 3: ãã¦ã³ããèªç¶ãªåãã«ãã Step 4: ãã£ãºãã¼Â®ã®12ã®åºæ¬ååãåãå ¥ãã Step 5: ã¢ãã¡ã¼ã·ã§ã³ãèªå¼µãã Step 6: ã¢ãã¡ã¼ã·ã§ã³ã«å½ãå¹ãè¾¼ã ãã¼ãã¬ã¼ã ãç°¡åã«è¨å®ã§ããã¹ã¯ãªãã St
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? æè¿è©±é¡ã®React.jsã§ããã宿¦æå ¥ã«å½ãã£ã¦ã¯çµæ§éãã鏿ãè¿«ããããã¨ã«ãªãã¾ãã ãã£ããè¨ãã°ããã³ãã¬ã¼ãã¨ã³ã¸ã³ãæ¨ã¦ã¦Reactãã¾ãã?ããã¨ãReactããããã¾ãã?ã¨ãã鏿ã§ãã æ¬è¨äºã§ã¯Reactã®åºæ¬ææ³ã¨ãããã鏿è¢ãçã¾ãã¦ãã¾ãèæ¯ãè¿°ã¹ãã¨ã¨ãã«ãå¾åã§ã¯ãã©ã¡ãããããããªããã¨ãã(è¥å¹²ã·ãã¥ã¬ã¼ã·ã§ã³RPGããããæã®ãã)第ä¸ã®æ¹çã«ã¤ãã¦æ¡ãæç¤ºãã¾ãã Reactã®åºæ¬ æåã«ãReactã®åºæ¬çãªä»çµã¿ã«ã¤ãã¦ã¾ã¨ãã¦ããã¾ãã Reactã¯å ¬å¼ããã¥ã¡ã³ããé常ã«å å®ãã¦ã
CodeZineç·¨éé¨ã§ã¯ãç¾å ´ã§æ´»èºãããããããã¼ãã¹ã¿ã¼ã«ããããã®ã«ã³ãã¡ã¬ã³ã¹ãDevelopers Summitãããã¨ã³ã¸ãã¢ã®çããã¾ããã¼ã¹ãããããã®ã¤ãã³ããDevelopers Boostããªã©ããã¾ãã¾ãªã«ã³ãã¡ã¬ã³ã¹ãä¼ç»ã»éå¶ãã¦ãã¾ãã
èªå·±ç´¹ä» Name : Takuto Wada github : twada twitter : t_wada hatena : t-wada TDD ã¨ã©ã¤ãªã³ã®äºº power-assert ã®äºº React / Flux ãç¥ã£ããã£ãã mizchi ããã®ã¨ã³ã㪠(ããªããReactã使ãã¹ãçç±) ã ã£ãã¨æã æ¥æ¬èªã®æ å ±ã¯ã»ã¨ãã©ç¡ãã£ãããã¨ãã¸ç³»ã®äººãã¡ãé¨ãåºãã & æµ·å¤ã§å§åçã«äºä¾ãå¢ãåºããã®ã§èå³ãæã£ã Rendr ã® AirBnb ã React ã使ãå§ãããã¨ãç¥ããããã¯æ±ºå®çã ã¨æã£ã React ãã©ãåå¼·ããã å ¬å¼ããã¥ã¡ã³ãã¨ãã¥ã¼ããªã¢ã«ãå å®ãã¦ãã ã¾ã Tutorial ããã®ã¾ã¾åçµ æ¬¡ã« browserify + reactify ã§ Tutorial ãããä¸å¨ãã£ã¦ã¿ã (showdownã¯browserify 対å¿ãã¦ã
MVC ã¨è¨ãã° Apache Struts ãã¯ããã¨ãããµã¼ããµã¤ãã»ãã¬ã¼ã ã¯ã¼ã¯ãæ³åãã¾ããã ä»å㯠JavaScript ã«ããå¤§è¦æ¨¡éçºã®éã«æ¡ç¨ãããã¯ã©ã¤ã¢ã³ããµã¤ã MVC ãã¬ã¼ã ã¯ã¼ã¯ãBackbone.jsãã®ä½¿ãæ¹ã«ã¤ãã¦ã¾ã¨ãã¦ã¿ã¾ããã (å³å¯ã«ã¯ã¯ã©ã¤ã¢ã³ããµã¤ãã®å ´åãMVC ã¨ã¯å¼ã°ã MVVM ã¨ã MV* ã¨ãå¼ã°ãã¦ãããã§ãã) åæ Backbone.js ã®æ§æãç°¡åã«è¨ã£ã¦ãã¾ã㨠åä¸ãã¼ã¿ã®ç®¡çãè¡ãã¢ãã« è¤æ°ä»¶ã®ã¢ãã«ã®ç®¡çãè¡ãã³ã¬ã¯ã·ã§ã³ ç»é¢ã®ç®¡çãè¡ããã¥ã¼ ã®ï¼ã¤ã®ä¸»è¦ã¢ã¸ã¥ã¼ã«ãè»¸ã«æ§æããã¦ãããUnderscore.jsãjQuery(Zeptoï¼ã«ä¾åããããã¡ã§åä½ããããã«ãªã£ã¦ãã¾ãã å©ç¨ã®éã¯ãunderscore.jsãjquery.jsãbackbone.js ã®é ã§èªã¿è¾¼ã¿ã¾ãã //cdnjs
ã¯ããã¾ãã¦ãä½è¤ç«ä¹ä»ï¼@tricknotesï¼ã¨ç³ãã¾ããæ¬é£è¼ã§ã¯ãã¦ãã¼ã¯ãªç¹å¾´ãæã¤JavaScriptãã¬ã¼ã ã¯ã¼ã¯ã§ããEmber.jsã®ä»çµã¿ã¨ãå®è·µã§ã®æ´»ç¨æ¹æ³ã«ã¤ãã¦è§£èª¬ããã¦ããã ãã¾ãã ãªãEmber.jsã ããæ°å¹´ããã¤ãã£ãã¢ããªã±ã¼ã·ã§ã³ã®ãããªä½¿ãåæãåããWebãµã¼ãã¹ãå¢ãã¦ãã¾ããçè ãå©ç¨ãã¦ãããµã¼ãã¹ãä¾ã«æããã¨Gmail, Pivotal Tracker, Idobataãªã©ãããã¾ãããããã¯ã©ããç»é¢é·ç§»ããªã䏿ã®ç»é¢ä¸ã§ããããæä½ãè¡ãããããâ Webãµã¤ããã¨ããããã¯ãã¢ããªã±ã¼ã·ã§ã³ãã¨è¡¨ç¾ããæ¹ãé©åã§ãããããã®ãããªã¢ããªã±ã¼ã·ã§ã³ã¯ã·ã³ã°ã«ãã¼ã¸ã¢ããªã±ã¼ã·ã§ã³ï¼SPAï¼ã¨å¼ã°ãã徿¥ã®ç»é¢é·ç§»ä¸å¿ã ã£ãWebã¢ããªã±ã¼ã·ã§ã³ã¨åºå¥ããããã¨ãããã¾ãã ãã ãSPAã®éçºã«ã¯ç¹æã®é£ãããããã¾ããããã¯ãã¼ã¿
Fluxã¨ã¯Facebookãæå±ãã¦ããReactåãã®ã¢ã¼ããã¯ãã£ã§ãã(ãã¬ã¼ã ã¯ã¼ã¯ã§ã¯ãªãã¨ã®ãã¨) Reactã¨ã¯åããFacebookãéçºãã¦ããJavaScriptã¯ã©ã¤ã¢ã³ãã¢ããªã±ã¼ã·ã§ã³ã®ãã¥ã¼ã®ã©ã¤ãã©ãªã§ãã Virtual DOMã¨ããä»çµã¿ãæã£ã¦ãã¦ããã¥ã¼ã®å¤æ´å·®åã ããå®éã®DOMã«åæ ããããé«éã«åä½ããç¹å¾´ãããã¾ãã Reactã¯ãã¥ã¼ã®æ©è½ãããªãã®ã§ãReactã ãã§ã¯ã¢ããªãçµãã¾ããããããã«ãã¼ããã®ãFluxã§ãã Fluxã®æ¦å¿µå³ã¯ä¸è¨ã®ã¨ããã§ãã Fluxã®ä¸å¤§è¦ç´ ã¯Views(React)ãDispatcherãStoreã§ãã ãããã®éããã¼ã¿ã¯ä¸æ¹åã«æµãã¾ãã(unidirectional data flow) Viewã§çºçããã¦ã¼ã¶ã¼æä½ã¯Actionãçµç±ãã¦Dispatcherãå¼ã³åºãã¾ããD
ä½¿ãæ¹ ã¾ãæåã«ãã§ãã¯ããã³ã³ãã³ãã§ããã©ã®ãããªèãããã¨ã«ããã°ã©ã ãçµã¿ç«ã¦ã¦ããããè¨è¨åãå¦ã³ã¾ãã ãµã³ãã« ä½¿ãæ¹ã§å¦ãã ãã¨ãçããã¦ãç°¡åãªãµã³ãã«ã®ä½æãå¦ãã§ããã¾ãã ãã©ã°ã¤ã³ jQueryã§å©ç¨ã§ãã便å©ãªãã©ã°ã¤ã³ãç´¹ä»ãã¦ããã¾ãã ãªãã¡ã¬ã³ã¹ jQueryã®ãªãã¡ã¬ã³ã¹ã§ããè¾æ¸ä»£ããã«ãå©ç¨ãã ããã 使ç¨ä¾ 伿¥ãµã¤ãã§ã®jQueryã®ä½¿ç¨ä¾ãç´¹ä»ãã¦ããã¾ãã å§ãã« jQueryã¯ãã¶ã¤ãã¼ã«ãå©ç¨ããããjavaScriptãã©ã°ã¤ã³ã§ãããã®ãµã¤ãã¯htmlãcssãå åã«çè§£ãã¦ãããããã«åºç¤çãªjavaScriptããã¹ã¿ã¼ãã¦ããæ¹ã対象ã«è¨äºãæ¸ãã¦ãã¾ãã ç¾å¨ã¯ã¹ãã¼ããã©ã³ç¨ã®ã²ã¼ã å¶ä½ã«æ³¨åãã¦ãããããæ¬ãµã¤ãã®æ´æ°ã¯ä¼æ¢ç¶æ ï¼2014å¹´3æãæçµæ´æ°ï¼ã§ããã²ã¼ã å¶ä½ã«é¢ããããã°ï¼ã¹ãã²ã¼ä½ããï¼ã¯ã»ã¼æ¯æ¥æ´æ°ã
Last year I created a demo showing how CSS 3D transforms could be used to create 3D environments. The demo was a technical showcase of what could be achieved with CSS at the time but I wanted to see how far I could push things, so over the past few months Iâve been working on a new version with more complex models, realistic lighting, shadows and collision detection. This post documents how I did
å種ã»ã¬ã¯ã¿ 第1åã§ã¯jQueryã使ã£ãclassãèªåã§è¿½å ãããµã³ãã«ãè¦ã¦ãããã¾ãããHTMLã®ã©ã®é¨åã«é©å¿ããã®ããæå®ããããã®ã»ã¬ã¯ã¿ãç´¹ä»ãã¾ãããã第1åã§ç´¹ä»ããã®ã¯ããã®ãããããä¸é¨ã ãã§ãã 第2åã§ã¯ã第1åã§ç´¹ä»ããããªãã£ãã»ã¬ã¯ã¿ãããããã使ã£ãå®è·µãµã³ãã«ãç´¹ä»ãããã¾ãã åºæ¬ï¼Basicsï¼
ãã®è¨äºã§åãä¸ãã¦ããAPIã¯ç¾å¨ã¨ä½¿ãæ¹ãç°ãªã£ã¦ãããã使ç¨ã§ããªããªã£ããã®ãå«ãã§ãã¾ãã ç¹ã«Toolstrips APIã¯ææ°ã®Chromeã§ã¯ä½¿ç¨ã§ããªããªã£ã¦ãã¾ãã詳ããã¯ãç¶ã»å åãï¼ Google Chrome Extensionsããã覧ãã ããã ã¯ããã¾ãã¦ãæ ªå¼ä¼ç¤¾ALBERTã®å¤ªç°ã¨ç³ãã¾ããGoogle Chromeã®ãã¼ã¿çå ¬éããæ©1å¹´ãçµã¡ãéçºçã«ã¯å¾ æã® Extensions ãå®è£ ããã¦ãã¾ããä»åãã4åã«ããã£ã¦ããã® Extensions ã®å°å ¥ãéçºæé ã«ã¤ãã¦ã解説ããã¦ããã ãã¾ãã Google Chromeã®éçºçã¨Extensions Google Chrome ã«ã¯3ã¤ã®ãã¼ã¸ã§ã³ãããã¾ããä¸è¬ã¦ã¼ã¶ã¼åãã®æ£å¼ãªãªã¼ã¹ã§ããstableçããã¹ã¿ã¼åãã®betaçãéçºè åãã®devçã®3ã¤ã§ãã ããã«ãChromi
ãã¨ãã°ãæ¤ç´¢çµæã表示ããç°¡åãªã¢ããªã±ã¼ã·ã§ã³ã®ããã«ãæ´å½¢ãããHTMLãå«ããã¼ã¿ãåå¾ããã«ã¯æ¬¡ã®ããã«æå®ãã¾ãã http://gdata.youtube.com/feeds/base/videos ãã£ã¼ãã®ç¨®é¡ ãã¼ã¿ãåå¾ãããã£ã¼ãã¯æ°ç¨®é¡ããã¾ãã é常ã¯Videoãã£ã¼ãã使ãã°ååã§ãããæç¨¿è ã®æ å ±ãã³ã¡ã³ãã®æ å ±çãåå¾ãããã£ã¼ããããã¾ãã®ã§ãå¿ è¦ã«å¿ãã¦ä½¿ãåãã¦ãã ããã å ¨ã¦ã®ãã£ã¼ãã¯èªã¿åãå°ç¨ã§ãããèªè¨¼ç¡ãã§ãªã¯ã¨ã¹ããããã¨ãã§ãã¾ãã ã¾ããæ°ããæç¨¿ããããããªããã£ã¼ãã§åå¾ã§ããããã«ãªãã«ã¯ãã¤ã³ããã¯ã¹åã®ããæ°æéãããã¾ãã Videoãã£ã¼ã Videoãã£ã¼ãã«ã¯ããããªãé¢é£åç»ãstandardããæ°ã«å ¥ããåçãªã¹ããã³ã¡ã³ãã®ãã£ã¼ããããã¾ãã ãããªãã£ã¼ã ãããªãæ¤ç´¢ããã«ã¯ããããªãã£ã¼ãã使ãã¾ãã
2009å¹´5æ28æ¥ãGoogleã®ãããããã¼ã«ã³ãã¡ã¬ã³ã¹ãGoogle I/O 2009ãã®ãã¼ãã¼ãã«ããã¦å¤§ã çã«çºè¡¨ãããGoogle Waveã¯ãè´è¡ã«ç±çãæã£ã¦è¿ãããã¾ããããã®ãã¼ãã¼ãã«ããã¦ã¹ãã¼ã«ã¼ã¯ãGoogle Waveã¯Productã§ãããPlatformã§ãããProtocolã ãã¨è¿°ã¹ã¾ããï¼ç·¨æ³¨â ï¼â ã æ¬é£è¼ã§ã¯ãã®3ã¤ã®Pã®å ã®2ã¤ç®ãPlatformã¨ãã¦ã®Google Waveã«ã¤ãã¦èª¬æãã¾ãã 編注 èè å·çã®Google I/O 2009ã®ã¤ãã³ãã¬ãã¼ãè¨äºãåç §ãã ããã ãªããGoogle Waveã¯ç¾å¨ãæ¥ãããã§éçºãé²ãããã¦ãããããã¯ãã§ãããæ¬é£è¼ã«æ²è¼ããç»é¢é·ç§»ã»ã½ã¼ã¹ã³ã¼ããªã©ã¯ææ°ã§ã¯ãªãå¯è½æ§ãããã¾ããè¨äºã«æ²¿ã£ã¦ä½æ¥ãã¦ãã¦éåæãè¦ããå ´åã«ã¯Googleã®å ¬éãã¦ããããã¥ã¡ã³ããé©å®åç §ãã¦ãã ã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}