reveal.jsã¯CSS3/JavaScriptã§ä½ããããã¬ã¼ã³ãã¼ã·ã§ã³ã½ããã¦ã§ã¢ã§ãã reveal.jsã¯HTML5/CSS3ã使ã£ããã¬ã¼ã³ãã¼ã·ã§ã³ã½ããã¦ã§ã¢ã§ããã¾ãã¯è¨ãã«åã°ãããã®ã¯ã¼ã«ãªç»é¢ãè¦ã¦ãããã¾ãããã ãããã§ãããã®é°å²æ°ãããã¦æ ¼å¥½ããã§ãã ã¹ã©ã¤ããåãæ¿ããæã«3Dã¤ãã§ã¯ãããããã¾ããããã¾ãæ ¼å¥½ããã§ãã æ°´å¹³ã«åãã®ãåºæ¬ã§ãããåç´ã«ã¹ã©ã¤ããããæå®ãã§ãã¾ãã ãã¢åç»ã§ããã¹ãã¼ã¹ãã¼ã§ã¹ã©ã¤ãä¸è¦§ãåºãã¾ãã reveal.jsã¯ã¹ã©ã¤ãã®åãæ¿ããã¨ã«ããæ ¼å¥½ããã®ã§ãããã§ãã¬ã¼ã³ãã¼ã·ã§ã³ãè¡ãã°è¦³è¡ã®æ³¨ç®ãå¼ããã¨ééããªãã§ãããï¼ãã¡ããå 容ã大äºã§ããï¼ã reveal.jsã¯CSS3/JavaScript製ãMIT Licenseã®ãªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ã§ãã MOONGIFTã¯ããè¦ã ãã¬ã¼ã³ãã¼
Enyoã¯HPããªãªã¼ã¹ããWebã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ã§ããã¢ãã¤ã«ããã¹ã¯ãããåæ¹ã§åä½ãã¾ãã Enyoã¯HPãwebOSã®ãªã¼ãã³ã½ã¼ã¹åãã¼ããããã¨ã¨ãã«çºè¡¨ãããHTML5ã®Webã¢ããªã±ã¼ã·ã§ã³ãã¬ã¼ã ã¯ã¼ã¯ã«ãªãã¾ããç¹ã«ã¹ãã¼ããã©ã³ã«é©ãããªãã¸ã§ã¯ãæåã®ãã¬ã¼ã ã¯ã¼ã¯ã«ãªãã¾ãã ãµã³ãã«ã§ããå·¦å´ãã³ã¼ããå³å´ããã®å®è¡çµæã§ãã ãã¿ã³ãæ¼ãã¨ããã¹ãã追å ããã¾ãã åæ§ã«è²ãå¤ãããµã³ãã«ã§ãã æ¶ããã表示ããããã¾ãã ãã¿ã³ã追å ãã¦ãããµã³ãã«ã§ãã Flickrç»åæ¤ç´¢&ãã¥ã¼ã¯ã¼ã®ãã¢ã§ãã ãã¡ãã¯YouTubeã®æ¤ç´¢&ãã¥ã¼ã¯ã¼ã§ãã ãã¼ã«ãè½ä¸ãããã¢ã§ãã WebKitã«æé©åãããã¢ãã¯ã§ãã é æåãã¨ã«ã°ã«ã¼ãåããããªã¹ãã§ãã ãã¿ã³ã§ãã æ¥ä»ããã«ã¼ã§ãã ãµã³ãã«ã²ã¼ã ã§ããåãåç©ã縦横ã«3ã¤ä¸¦ã¹ãã¨æ¶ãã¾
ThreeFabã¯Tree.jsã«å¯¾å¿ãã3Dã¢ãã«ãWebãã©ã¦ã¶ä¸ã§ä½æã§ããã½ããã¦ã§ã¢ã§ãã Three.jsã¯JavaScriptã§é«åº¦ãª3Dã¢ãã«ãæç»ããã¨ã³ã¸ã³ã§ããããã®ã¢ãã«ä½æã¯ãã¯ã大å¤ãªä½æ¥ã«ãªãã¾ããããã§ä½¿ã£ã¦ã¿ããã®ãThreeFabã«ãªãã¾ãã æåã®ç»é¢ã§ãã3Dã¢ãã«ãå¥éºã«æããã¦ãã¦æ ¼å¥½ããã§ãã ãã¦ã¹ã§è¦ç¹ã®å¤æ´ãã§ãã¾ãã ã¢ãã«ã追å ã§ãã¾ãã å転ãããã©ã¤ãã夿´ãããã¨ãã§ãã¾ãã æçµçã«ä½æãããã³ã¼ãã使ã£ã¦Three.jsã§3Dã¢ãã«ãæãã¾ãã ãããªæãã«ã¢ãã«ã追å ãã¦ããã¾ãã ThreeFabã使ãã°Three.jsã§ä½¿ããã¢ãã«ãWebãã©ã¦ã¶ä¸ã§ä½æã§ãã¾ããSãDãXãã¹ãã¼ã¹ãã¼ãããããã·ã§ã¼ãã«ãããã¼ã¨ãã¦ä½¿ãã¾ããæåãæ £ããã¾ã§ã¯ãªããªãæä½ãé£ããããç¥ãã¾ãããThreeFabã¯ããã«ã¢ãã¡ã¼ã·
AS3ã©ã¤ã¯ã«è¨è¿°ã§ããJavaScriptã²ã¼ã ã©ã¤ãã©ãªã§ãã(ã©ã¤ã»ã³ã¹ã¯MIT License) ãã¦ã³ãã¼ã - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascript" src="js/game.js"></script> </head> <body> <canvas id="canvas"></canvas> </body> </html> (function() { // arcGameã¯ã©ã¹ãç¶æ¿ããã¡ã¤ã³ã¯ã©ã¹ var Main = arc.Class.create(arc.Game, { // ã³ã³ã¹ãã©ã¯ã¿(å¿ è¦ãªã弿°ãæå®) initial
Filer.jsã¯HTML5ã®ãã¡ã¤ã«ã·ã¹ãã APIã使ããWebã¢ããªã±ã¼ã·ã§ã³ã§ãã HTML5ã®APIã®ä¸ã¤ããã¡ã¤ã«ã·ã¹ãã APIãä½é¨ã§ããã®ãFiler.jsã§ããæ°ããWebã®å¯è½æ§ãååã«ç¥ããã¨ãã§ãã¾ãã ãã¢ã§ããã¾ããã£ã¬ã¯ããªãã¤ã³ãã¼ããã¾ãã ã¤ã³ãã¼ããã¾ããããã£ã¬ã¯ããªã¯ãã¦ã¹ã§ãã©ãã¾ãã ã¢ã¤ã³ã³ã¾ãã¯ãªã¹ã表示ããµãã¼ããã¦ãã¾ãã ç»åãHTMLã§ããã°ãã¬ãã¥ã¼ãã§ãã¾ããé常ã®ãã¡ã¤ã«ã¯ãã¬ãã¥ã¼ã§ãã¾ããããã¦ã³ãã¼ãã¯ã§ãã¾ãã ãªã¹ã表示ã§ãã ãã°ã表示ãã¦ãã¾ãã Filer.jsã§ã¯Webãã©ã¦ã¶ä¸ã§ãã£ã¬ã¯ããªããã¡ã¤ã«ã使ãããã¨ãã§ãã¾ãããããå®éã®ãã¡ã¤ã«ã·ã¹ãã å´ã«ã¯å½±é¿ããã¾ããã®ã§ã注æãã ãããã¾ãæ°ãããã©ã«ãããã¡ã¤ã«ããã¼ã«ã«ã«ä½ã£ã¦ãåæ ãããªãããã§ãã Filer.jsã¯HTML5/JavaScr
CoderDeckã¯Webã¹ã©ã¤ããã¼ã«ã«çµã¿è¾¼ãã§ä½¿ããã½ããã¦ã§ã¢ã§ã表示ãã¦ããã³ã¼ãããã®ã¾ã¾å®è¡ãã¦çµæã確èªã§ããJavaScriptã©ã¤ãã©ãªã§ãã ããã°ã©ãã¼ã®æè¡ç³»ãã¬ã¼ã³ãã¼ã·ã§ã³ã«ããã¦ã³ã¼ãã®ãã¢ãè¦ãã¦ããã®å®è¡çµæããã®å ´ã§å®æ¼ããæãããã¾ãããããªæãããå®è¡è¨èªãHTML5/JavaScriptã§ããã°è©¦ãã¦ã¿ã¦ãããããã®ãCoderDeckã§ãã å·¦å´ã«æ¸ãã¦ããã®ã¯åç´ãªHTML5ã®ã³ã¼ãã§ãã Runãã¿ã³ãæ¼ãã¨æ¸ããã¦ããå 容ããã®ã¾ã¾ã³ã¼ãã¨ãã¦å®è¡ããã¦å³å´ã«è¡¨ç¤ºããã¾ãã 種æãããããã¨ãå·¦å´ã«æ¸ããã¦ããããã¹ãã¨ãªã¢ã®å 容ãiframeã¿ã°ã®ä¸ã«å±éããã¦è¡¨ç¤ºããã¨ããä»çµã¿ã§ãã ããã¹ãã¨ãªã¢ã®å å®¹ãæ¸ãæãã¦å度Runãã¿ã³ãæ¼ãã¨å®è¡çµæãå¤ããã¾ãããªã³ã¯ãä¸ã¤MOONGIFTã«å¤ããã®ãåããã§ããããã ä»çµã¿ã¯ã¨ã¦
Fathom.jsã¯JavaScriptã«ããHTMLãã¬ã¼ã³ãã¼ã·ã§ã³ã©ã¤ãã©ãªã Fathom.jsã¯JavaScript製ã®ãªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ããã¬ã¼ã³ãã¼ã·ã§ã³ã®è³æã¯ãã®å ´éãã®ä»£ç©ã§ã¯ãªãããµã¼ãã¹ãååãç¥ã£ã¦ãããã®ã«ãã¼ã«ãªããã®ã ãããã ãã«ãã¤ããªã§ä½æãã¦ããã®ã¯å¿ä½ãªããGoogleã§æ¤ç´¢ã§ããã¨ãã¦ãPowerPointãPDFãéãããã¨æãã ãããã ã¹ã©ã¤ãã®ä¾ HTMLã§ä½æãã¦ããã°ãæ¤ç´¢ã§ä½¿ã£ããåå©ç¨æ§ãé«ããªããç¹ã«ããã°ã©ãã¼ã§ããã°ããã¹ãã¨ãã£ã¿ã§ä½æã§ããæ¹ãå¹ççã ããã使ããå 容ã¯Fathom.jsã§ã¹ã©ã¤ãã«ã§ããã Fathom.jsã¯HTMLãã¡ã¤ã«ãã¹ã©ã¤ãã«ãã¦è¡¨ç¤ºããã©ã¤ãã©ãªã ãç¢å°ãã¼ã§ç§»åããã ãã®ã·ã³ãã«ãªã©ã¤ãã©ãªã ããæä½éã®åãã¯ãããåºæ¬ã¯div.slideã¨ããåä½ã§ã¹ã©ã¤ã表示ãè¡ããç»åã
RPG JSã¯HTML5/JavaScriptã«ããWebãã¼ã¹ã®ã²ã¼ã éçºç¨ãã¬ã¼ã ã¯ã¼ã¯ã RPG JSã¯HTML5/JavaScript製ã®ãªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ãHTML5ã使ã£ãã²ã¼ã ãã¬ã¼ã ã¯ã¼ã¯ãç¶ã ã¨ç»å ´ãã¦ãããããç¨åº¦æ±ç¨çãªãã®ããããããã¯ãã²ã¼ã ã¸ã£ã³ã«ã«åããããã¬ã¼ã ã¯ã¼ã¯ãé¸ã¶ã®ã大äºã ããã ãã¢ã²ã¼ã RPGï¼ãã¼ã«ãã¬ã¤ã³ã°ã²ã¼ã ï¼ã¯å¸¸ã«äººæ°ã®é«ãã²ã¼ã ã¸ã£ã³ã«ã ãWebãã©ã¦ã¶ä¸ã§ã§ããRPGãèªä½ããããªãã°ä½¿ãã¹ãã¯RPG JSã ããã RPG JSã¯HTML5/JavaScriptã§ä½ããã¦ãããç¢å°ãã¼ã¨ã¹ãã¼ã¹ã§åããã話ãããããããããµã¦ã³ãã«ã対å¿ãããããã¦å£ãè£ åããã¨Aãã¼ã§æ¯ããã¨ãã§ãããNPCãæ°å¤ããã¦ã話ããããã¨ã´ã¼ã«ããè²°ããããããèå£ä¼èª¬ã®ãããªã¢ã¯ã·ã§ã³RPGã«ãªã£ã¦ãããã©ãã©ãæ»æããããã¦ãããã
A slide-show in 2 lines of JavaScript ãã¢ãã¼ã¸ [ad#ad-2] ä¸è¨ã¯åãã¤ã³ããæè¨³ãããã®ã§ãã Step 1: ã³ã³ãã³ãï¼HTMLï¼ Step 2: ãã¼ã¸ãããï¼JavaScriptï¼ Step 3: ã¹ã¿ã¤ãªã³ã°ï¼CSSï¼ Step 1: ã³ã³ãã³ãï¼HTMLï¼ ã¯ããã«ãã¹ã©ã¤ãã·ã§ã¼ã®ã³ã³ãã³ããç¨æãã¾ãã ããã§ã¯ä¸ã¤ã®ã¹ã©ã¤ãã«ä¸è¡ã®ããã¹ãã表示ãã¾ãã HTML5 <!DOCTYPE HTML> <html> <head> <title>My slides</title> </head> <body> <section>This is the <em>first</em> slide</section> <section>This is the <em>second</em> slide</section> <secti
xc.jsã¯JavaScript製ã®ãªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ããã¼ã«ã«ããWebã¸æµããå¢ããæ¢ã¾ããªããHTML5ã®ç»å ´ã«ãã£ã¦ããã®å¢ããããã«å¼·ã¾ã£ã¦ãããWebã¢ããªã±ã¼ã·ã§ã³ãè¯ãããå人ã§éè¦ãå¼·ãããªã®ã¯ã²ã¼ã ã§ã¯ãªãã ãããã ãã¢ã²ã¼ã 3Dã®ããã«é«ã¹ããã¯ãå¿ è¦ã¨ããã²ã¼ã ãè¯ããããã£ã¨ã·ã³ãã«ãªã²ã¼ã ã¯ããã«éã¹ãã®ã§åºãåãå ¥ããããããªãã¸ã§ã¯ãã®å¹²æ¸ãä¼´ããããªã·ã³ãã«ãª2Dã²ã¼ã ãä½ã£ã¦ã¿ãããªãã°xc.jsã使ã£ã¦ã¿ãã¨è¯ãããã ã xc.jsã¯Canvasã¿ã°ã使ããWebãã¼ã¹ã§ã²ã¼ã ãä½ãããã®ãã¬ã¼ã ã¯ã¼ã¯ãæä¾ãããã¤ãã³ãããªãã¹ã³ããããã·ã¼ã³ãæ¿å ¥ãããåãæ¿ããããã¦ã²ã¼ã ãä½ãä¸ãããç»åãèªã¿è¾¼ãã§è¡¨ç¤ºãããã¨ãå¯è½ã ãå ¨ã¦Canvasã¿ã°ä¸ã«æç»ããã ãã¢ã®ã²ã¼ã ã¨ãã¦å°ããªåãåãåãã¨ããã®ãå ¬éããã¦ãããç¤ã®ä¸ãã¯ãª
whiteboardã¯WebSocketã使ã£ããªã¢ã«ã¿ã¤ã ããã¼ã½ããã¦ã§ã¢ã whiteboardã¯node.js/JavaScript製ã®ãªã¼ãã³ã½ã¼ã¹ã»ã½ããã¦ã§ã¢ãnode.jsãç±ãããµã¼ããµã¤ãJavaScriptã¨ããçããããã£ã¦ãå é²çãªæè¡ã試ãã®ã«ã´ã£ãããªç°å¢ã¨ãªã£ã¦ãããHTML5ã使ã£ãã½ããã¦ã§ã¢ã¯ã¨ã¦ãå¤ãã Safariã§ãçµµæã HTML5ã¨è¨ãã°å¤æ°ã®æ°æ©è½ãåãã¦ããããæãç¹æ®ãªãã®ã¨ãã¦ã¯WebSocketãæããããããç¥ããªãã使ãåæãé£ããããæ°ããªWebã®å¯è½æ§ãè¦ãã ãããã ããããªWebSocket + node.jsã§éçºãããã®ãwhiteboardã ã whiteboardã¯è¤æ°äººåæã«ç·¨éãå¯è½ãªãã¯ã¤ããã¼ãã·ã¹ãã ã ããã¦ã¹ã§ã¯ãªãã¯ãã¦ç·ãå¼ããã¨ãåºæ¥ãããã®å 容ã¯ãªã¢ã«ã¿ã¤ã ã«å¥ãªãã©ã¦ã¶ã«åæ ããããã¯ãªã¢ãã¿
ããªãã«ã¨ã£ã¦éè¦ãªãããã¯ãååã®ææ°æ å ±ãå ¥æãã¾ãããææ°ã®æ´å¯ã¨ãã¬ã³ãã«é¢ããææ°æ å ±ãå³åº§ã«åãåãã¾ãããã ç¶ç¶çãªå¦ç¿ã®ããã«ãç¡æã®ãªã½ã¼ã¹ã«æè»½ã«ã¢ã¯ã»ã¹ãã¾ãããããããã¯ããã©ã³ã¹ã¯ãªããä»ãåç»ãããã³ãã¬ã¼ãã³ã°ææã è¨äºãä¿åãã¦ããã¤ã§ãèªããã¨ãã§ãã¾ãè¨äºãããã¯ãã¼ã¯ãã¦ãæºåãã§ããããã¤ã§ãèªãã¾ãã
Ext Coreã¯ãã¤ãããã¯ãªWebãµã¤ãæ§ç¯ã«æé©ãªè»½éãã¤é«æ©è½ãªã¯ãã¹ãã©ã¦ã¶ã¼å¯¾å¿ã®JavaScriptã©ã¤ãã©ãªã§ãããã®ç¹å¾´ã¯ï¼ ãã¡ã¤ã«ãµã¤ãºãã³ã³ãã¯ããªç´25kb (ext-core.jsãgzipå§ç¸®ããå ´å) æè»ãã¤å©ç¨ãããããªã¼ãã³ã½ã¼ã¹ã©ã¤ã»ã³ã¹ã®MITã©ã¤ã»ã³ã¹ Extéçºã¡ã³ãã¼ã«ããå·çãããä½ç³»çãã¤ç¶²ç¾ çãª75ãã¼ã¸ã®ããã¥ã¢ã« ããã¾ã§ã®Ext JSãåãä½¿ãæ £ããç´æçãªAPI Ext JS 2.2 Ext JSã¯ãªããã¤ã³ã¿ã¼ãããã¢ããªã±ã¼ã·ã§ã³éçºã®ããã®ã¯ãã¹ãã©ã¦ã¶å¯¾å¿JavaScriptã©ã¤ãã©ãªã§ãã 髿§è½ã§ã«ã¹ã¿ãã¤ãºå¯è½ãªã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¤ã¹ åªããè¨è¨ãææ¸ãè±å¯ãæ¡å¼µæ§ã®é«ãã³ã³ãã¼ãã³ãã¢ãã« åç¨ã©ã³ã»ã³ã¹ã¨ãªã¼ãã³ã½ã¼ã¹ã©ã¤ã»ã³ã¹ãå©ç¨ã§ãã¾ã Ext JS 3.0ã¨Ext GWT 2.0ã
HTML5ãµã¦ã³ããã¬ã¤ã¤ã¼ã®ãµã³ãã«ããã¦ã¹ã§é¸æããæ²ï¼é³å£°ãã¡ã¤ã«ï¼ãåçããã©ã¤ã³ã¢ã¼ãã表示ãããç»åã¯ãªãã¯ã§ãµã³ãã«ãã¼ã¸ã表示ãã¾ãï¼Firefox 3ï¼Opera 10ï¼Safari 4ã§è¡¨ç¤ºå¯è½ï¼ HTML5 Audioã使ã£ã¦ãã©ã¦ã¶ã¼ä¸ã§åããµã¦ã³ããã¬ã¤ã¤ã¼ãä½ãè¨äºã®ç¶ããååã¯ãåçãªã¹ããã鏿ãã鳿¥½ï¼é³å£°ãã¡ã¤ã«ï¼ãåçããåºæ¬æ©è½ãä½ãã¾ããããã®ã¾ã¾ã§ãååã¨è¨ãã°ååã§ãããä»åã¯ãã¸ã¥ã¢ã«ã¨ãã§ã¯ãã¨æä½ãã¿ã³ã追å ãã¦ãããå å®ããæ©è½ã®ãã¬ã¤ã¤ã¼ã«ä»ä¸ãã¦ããã¾ãã ãã¸ã¥ã¢ã«ã¨ãã§ã¯ãã追å ãã ã¾ããã¸ã¥ã¢ã«ã¨ãã§ã¯ãã追å ãã¾ããä»åã¯ããµã¦ã³ããã¬ã¤ã¤ã¼ã®èæ¯ãã£ã±ãã«canvasè¦ç´ ãé ç½®ããcanvasä¸ã«ã©ã³ãã ãªè²ã®ç·ãæç»ãã¦ããã©ã¤ã³ã¢ã¼ãã®ããã°ã©ã ãç¨æãã¾ããã HTML5 Canvasã®åºæ¬çãªä½¿ãæ¹ã«ã¤ãã¦ã¯æ¬é£
Weâre getting things ready Loading your experience⦠This wonât take long.
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã¡ã³ããã³ã¹
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}