Anime.js (/Ëæn.É.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started
altJSã®äººæ°ãæ··æ¦ã§é¢ç½ãï¼ 2014å¹´ä¸ã«äººæ°ãæ¥ä¸æãã¦ãã¦ãããã2015å¹´ã§ã¯å¿ é ã®ç¥èãã¨ãªããããªJavaScriptã©ã¤ãã©ãªãã©ã³ãã³ã°å½¢å¼ã§çºè¡¨ã â åå é£è¼ INDEX 次å â ãã¡ãã®ãã¼ã¸ã§ã2016å¹´çããçºè¡¨ï¼ â 2015å¹´ãå§ã¾ããå¿æ©ä¸è»¢ã§ãä»å¹´ããã¯Webéçºãé å¼µãããã¨æã£ã¦ãã人ãå°ãªããªãã ããããããªæ¹ã ã«åãã¦æ¬ç¨¿ã§ã¯ã2014å¹´ä¸ã«äººæ°ãæ¥ä¸æãã¦ãã¦ãããã2015å¹´ã§ã¯å¿ é ã®ç¥èãã¨ãªããããªJavaScriptã©ã¤ãã©ãªãã©ã³ãã³ã°å½¢å¼ã§çºè¡¨ããï¼â»æ¨å¹´ã®2014å¹´çã¯ãã¡ãï¼ã ãªããæ¬ç¨¿ã®ã©ã³ãã³ã°æ±ºå®ã§ã¯ãæ¤ç´¢ãã¼ã¯ã¼ãã®æµè¡ã調æ»å¯è½ãªãGoogleãã¬ã³ããï¼ããã¹ã¦ã®å½ããéå» 12 ãæéãããã¹ã¦ã®ã«ãã´ãªããã¦ã§ãæ¤ç´¢ãã¨ããæ¡ä»¶ã§çµãè¾¼ã¿ï¼ã使ã£ã¦ãã©ã¤ãã©ãªã®äººæ°ãã¸ã£ã³ã«ãã¨ã«æ¯è¼ããï¼â»ã©ã¤ãã©ãªå
1. Copyright (C) DeNA Co.,Ltd. All Rights Reserved. Eï¬ective Web Browser Performance Tuning for Smartphone 1 Dec 16, 2014 ! Kei Takahashi [email protected] Game Development Infrastructure Gr. DeNA Co., Ltd. ~FINAL FANTASY Record Keeper ã®è»è·¡~ 2. èªå·±ç´¹ä» 2 Copyright (C) DeNA Co.,Ltd. All Rights Reserved. é«æ© æ § (ããã¯ã ãã) Japanãªã¼ã¸ã§ã³ ã²ã¼ã äºæ¥æ¬é¨ æè¡ã»ç·¨æé¨ ã²ã¼ã éçºåºç¤ã°ã«ã¼ã(GDI)æå± Web Frontend Engineer ã¨ããã¤ã¤æè¿ã¯ã¢ããªã«ã
â»ãã ã®ã¡ã¢ã§ãæªæ¥å¿åãªã®ã§ãã¾ãçã«åãã¦ã¯ãããªãã è¯ãã£ã½ã React.js æ©éã/ã³ã³ããã³ãå¿å/APIã®è¨è¨ããããJSXã¨ä»ã®ãã©ã³ã¹ãã¤ã©ã®çµã¿åããã¨ããåé¡ã¯ãã Promise ãã¤ãã£ãã«å ¥ã£ãã誰ãã使ã£ã¦ã TypeScript ES6æ代ã§ãåå¨æ義ã®ããè¨èªãTypeScriptäºæã®Facebook Flowã®ååã«æ³¨ç® Backbone.js Modelã¨Eventã使ã/Viewã¯ä½¿ããªãã¦ãã Lodash Underscore.jsãããããã㤠Gulp Gruntããè¯ãã¨ããæå³ã§ãbrowserifyã¾ããããã¾ãåããªãåé¡ããã£ã¦npm runã®ã»ããããã¨ããåããããã¾ãè¯ãã«åé¡ãã¦ããã EventEmitter Custom Eventã¯DOMã«ãã£ä»ãã¦ãæãããã®ã§ãã¸ãã¯å¿åã®ç©ã«ã¯EventEmitter使ã£ã
All slide content and descriptions are owned by their creators.
æè¿ãã¨ãããæ¨æ¥ããTypedCoffeeScriptã®éçºåéãã¦AST æ°åãçãä¸ãã£ã¦ãã®ã§ãç°¡åãªãã¥ã¼ããªã¢ã«ã§ãã ãã®è¨äºã§ããã㨠ASTã®åå¾ ASTã®çæ JavaScript ã®åºå ãããªãã㨠æ§æ解æ æºå é©å½ã«ããã¸ã§ã¯ãä½ãã¾ãã $ mkdir tinyaltjs $ cd tinyaltjs $ npm init # è²ã èããããã©Enter é£æã§è¯ã $ npm install escodegen esprima prettyjson --save esprima ã¯JavaScript ã®ã³ã¼ããASTã«å¤æã escodegen 㯠AST ãã JavaScript ãçæãã©ã£ã¡ãConstellationãã製 escodegenã¯Constellationãã製ã§ãå½¼ã¯esprimaã«ãã³ããããã¦ã¾ãããã®çéã«æ¥ãã¨åºæ¬çã«å½¼
æè¿ã·ãªã³ã³ã¦ã¨ãã¼ããã£ã¦å¬ããã£ãagoï¼@kyo_agoï¼ã§ãã ãã®ã¨ã³ããªã¯GREE Advent Calendar 2013 11æ¥ç®ã®è¨äºã§ãã ä»åã¯ã¯ã©ã¤ã¢ã³ããµã¤ãJavaScriptã«ãããã©ã¤ã»ã³ã¹ç®¡çã®åé¡ãåãä¸ãããã¨æãã¾ãã ã©ã¤ã»ã³ã¹ç®¡çã®åé¡ç¹ ã使ç¨ãã¦ããã©ã¤ãã©ãªã®ã©ã¤ã»ã³ã¹ç®¡çãã©ãããããã¯ã¯ã©ã¤ã¢ã³ããµã¤ãJavaScriptã«ããããçºçããåé¡ã§ãããã¯ã©ã¤ã¢ã³ããµã¤ãJavaScriptã«ã¯ä»¥ä¸ã®æ§ãªç¹å¾´ãããããåé¡ãè¤éã«ãªãã¾ãã ã³ã¼ããçµåãå§ç¸®ãããå ´åããã ã¯ã©ã¤ã¢ã³ããµã¤ãJavaScriptã§ã¯èªã¿è¾¼ã¿ã®é度ãä¸ããããã使ç¨ãã¦ããã©ã¤ãã©ãªã®çµåãå§ç¸®ãè¡ããã¨ãããã¾ãããããããã®æ誤ã£ã¦ã©ã¤ã»ã³ã¹æãæ¨ã¦ããã¦ãã¾ããã¨ãããã¾ãã ã½ã¼ã¹ãå¤é¨ã«å ¬éããã ã¯ã©ã¤ã¢ã³ããµã¤ãJavaScriptã§ã¯ã½ã¼
JavaScript - Client Side - Advent Calendar 2013 12/07åã®è¨äºã§ãã JavaScript è¶ åå¿è ã«ãããåå¿è åãã®ã¨ã³ããªã¼ã§ãã ãã«ãªã¯ã¨ã¹ããã¬ãã¥ã¼ãã¦ããã¨ãã³ãã³ã ã¬ãã¥ã¼ã³ã¡ã³ããããã°ã©ã ã® diff ã«ããããããããã¦ãã¾ããªããªãã¾ãããã çããã®ãããªé¡æãå¶ããã¹ãã Github/Github enterprise ç¨ UserScriptãStealthLikeããéçºãã¾ããã èªåã§è¨ãã®ãããã§ããã ãããã¾ããã©ããã¦ãªããªãè¶ çµ¶ä¾¿å©ã§ãã ã¹ã¯ãªããã¯ãä¸è¨ã®éã Github ã«ã¦å ¬éãã¦ãã¾ãã nezumi650/StealthLike æ¬æ¥ã¯ããã®ãSealthLikeããç´¹ä»ãã¤ã¤ã ä½æããä¸ã§å¦ãã äºãããããã«ã¾ã¨ãã¦ããã¾ãã â StealthLikeã¨ã¯ ãã«ãªã¯ã
jsã®consoleã¾ããã®ãã¯ããã¯ã¯ããããããã¾ãããå人çã«æç¨ã ã¨æã£ããã®ã«ãã¼ã£ã¦ç´¹ä»ãã¾ãã chromeãªããcommand + option + jã§consoleãéãã¦ä¸è¨ã®ã³ã¼ããè²¼ãã¤ããã°å®éã«åãã確èªã§ãã¾ã(1åã§ã§ãã¾ã!!)ã console.logã®åºåçµæãcssã§è£ 飾ãã åºåä¾ ãµã³ãã«ã³ã¼ã console.log("%csuccess", "background-color:#5bb75b;color:white"); console.log("%cfail", "background-color:#da4f49;color:white;font-size:30px");
ãã®ããã¹ã㯠JavaScript ã®ã³ã¼ã«ããã¯å°çã«ç²ããã²ã¨ã®ããã®ã³ã¼ã«ããã¯é§éè¡æåæ¸ã§ãã対象èªè 㯠JavaScriptéå段ãããã®äººã§ãããã®ããã¹ããèªãã¨ã以ä¸ã®ããããã®æ段ã«ãããéåæå¦çå¶å¾¡ã®ä»çµã¿ãå©ç¹ããã³æ¬ ç¹ããããããã«ãªãããããã¾ããã ã³ã¼ã«ããã¯å°ç jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (â»ãªãããé²æã®å·¨äººãã®ä¸é¨ãã¿ãã¬ãå«ã¾ããã®ã§æ³¨æãã¦ãã ãã) ããã¯ãä½æ 人ã¯ã³ã¼ã«ããã¯ããã®ããã¨ãã話ã§ããããï¼ éåæå¦çã£ã¦é¢åã§ããããJavaScriptã§ã¯ãããã ã³ã¼ã«ããã¯å°ç ã¨ãããã¤ã«ãã°ãã°é¥ããã¡ã§ãããã¨ãã°ãAjax ã§ãµãã¤ã®ãã¡ã¤ã« hoge.txt 㨠piyo.txt ãæã£ã¦ãã¦ãããã
ããã¾ã§ã®ãããã æ°äººã®åéã測ãããã®èª²é¡ã¨ãã¦ãªã»ãã®ä½æãæ示ãããã æ示ããå½äººãä½ããªãããã§ã¯è©±ã«ãªããªãã®ã§å®éã«ä½ãå§ããã ä¸å ãç¤é¢ã4Ã4ã§é»ãç½ã人éãæãä¸äººäºå½¹ã®å¯ãããªã»ãã¯å®è£ ã§ããã®ã ãã å¿«é©ã«éã¶ã«ã¯å¤§ããªåé¡ãæ½ãã§ããã®ã§ãã£ãã å®ã¯4Ã4ã§æ¢ã«éãåé¡ å®éã«ååä½æãããªã»ããå®è¡ããã¨ã ã²ã¼ã ãéã¹ãããã«ãªãã¾ã§ã«å²ãã¨å¾ ãããã¾ãã ããããã®ã¯ãã§ããã®å®è£ 㯠ã²ã¼ã ä¸ã§åãå¾ãå±é¢ãäºãå ¨ã¦åæ ãã¦ããããã§ãã ããã4Ã4ã¨ããæå°éã®ç¤é¢ã®ãªã»ãã§ããã²ã¼ã ä¸ã«åºç¾ãå¾ãå±é¢ = ã²ã¼ã æ¨ã«å«ã¾ãããã¼ãæ°ã¯ 284,881å ããã¾ã(â»å転ããã¨åãã«ãªãç¤é¢çã¯åå¥ã«æ°ãã¦ãåä¸ç¤é¢ã§ãæçªã®ãã¬ã¤ã¤ã¼ãç°ãªããªãå¥ã¨æ°ãã¦ããã¹ããå ´åã1åã¨æ°ãã¦ãã¾ã)ã ããããå¾ ããããã«æ±ºã¾ã£ã¦ã¾ãããç¡éç¢é±ã«ã¡ã¢
This domain may be for sale!
4. JSã®ãªãã¸ã§ã¯ã㯠é£æ³é åã¿ãããªãã® 1 // 空ã®ãªãã¸ã§ã¯ããä½æ 2 var dog = {}; 3 4 // ããããã£ãã²ã¨ã¤è¿½å 5 dog.name = "Pochi"; 6 7 // ãã©ã±ããã§ãã¢ã¯ã»ã¹ã§ãã 8 dog['breed'] = "Shih Tzu"; 9 10 // é¢æ°ãã²ã¨ã¤è¿½å -> ã¡ã½ãã 11 dog.getBreed = function () { 12 return this.breed; 13 } 5. JSã®ãªãã¸ã§ã¯ã㯠é£æ³é åã¿ãããªãã® 1 // åããã®ããªãã¸ã§ã¯ããªãã©ã«ã§è¡¨è¨ 2 var dog = { 3 name: "Pochi", 4 breed: "Shih Tzu", 5 getBreed: function () { 6 return this.breed; 7 } 8 }; 6. ã¯ã©ã¹ã£ã½ã
Redirecting⦠Click here if you are not redirected.
1. #KansumiB1 JavaScript.Next.returns @ Developers Summit 2012 Kansai by Tomoya ASAI (dynamis) Mozilla Japan - Technical Marketing last update on 2012.09.15 2. about:dynamis (Tomoya ASAI) http:// dynamis.jp @dynamitter facebook.com/ dynamis mailto: Tomoya ASAI (dynamis) <[email protected]>
The Polaris Dawn crew is back on Earth after a historic mission
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.Flight A lightweight, component-based JavaScript framework from Twitter View on GitHub Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've including a simple email client demo (browse the sou
æ¦å¿µ/ä»çµã¿ Deferred/Promisesã¯éåæå¦çãç°¡åã«ããããã®åã決ãã callback hellã¨å¼ã°ãã¦ãããããªãéåæå¦çã«ããã³ã¼ã«ããã¯ã®ãã¹ãã軽æ¸ãããã¨ãã§ãã¦é常ã«ä¾¿å©ã æ £ããã°ä¾¿å©ã ããä¸è¦ã©ã使ãã°ããã®ãåããã¥ããã®ã§ãå°ã解説ãæ¸ãã ããã§ã¯Promises/Aã¨ããä»æ§ãå®è£ ããQã¨ããã©ã¤ãã©ãªã使ãããjQuery.Deferredãªã©ãã»ã¼åãã§ããã ã¾ããDeferred/Promisesã¯ãé¢æ°ã®returnãtry/catchã®éåæçã§ããã www.example.comã®å 容ãåå¾ããæ£ããåå¾ã§ãããä¸èº«ã表示ããåå¾ã§ããªããã°ã¨ã©ã¼ã表示ãããã¨ããããã°ã©ã 㯠åæçãªã³ã¼ãã§ã¯ã function get() { var req = new XMLHttpRequest(); req.open('GET',
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}