[B! javascript] chi-bitã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chi-bit id:chi-bit

javascriptã«é–¢ã™ã‚‹chi-bitã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

IE 6, IE 7, IE 8 ãŒé€€å ´ã—ãŸæœªæ¥ - latest log
Internet Explorer ã®è‡ªå‹•ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã«ã¤ã„ã¦ | Tech Net é•·ã‹ã£ãŸâ€¦ æœ¬å½“ã«é•·ã‹ã£ãŸâ€¦ ã‚„ã£ã¨ã€IE 6, IE 7 ãŒå±…ãªããªã‚‹ã®ã§ã™ãâ€¦ uupaa.js ver 0.8 ã«åŸ‹ã¾ã£ã¦ã„ã‚‹å‡¦ç†ã‹ã‚‰æƒ…å ±ã‚’æŠœãå‡ºã— IE 6, IE 7, IE 8 ãŒå±…ãªããªã£ãŸæœªæ¥ã§ã¯ä½•ãŒå¯èƒ½ã«ãªã‚‹ã®ã‹æŠœç²‹ã—ã¦ã¿ã¾ã—ãŸã€‚ IE8 ã§ã‚„ã£ã¨ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹æ©Ÿèƒ½ ä¸€éƒ¨ã¯ IE 6 ã‚„ IE 7 ã§ã‚‚ä½¿ãˆã‚‹ã®ã§ã™ãŒã€å¯¾å¿œãŒé™å®šçš„ã ã£ãŸã‚Šä¸å…·åˆãŒå¤šã‹ã£ãŸã‚Šã¨ã€å®‰å¿ƒã—ã¦ä½¿ãˆãªã‹ã£ãŸæ©Ÿèƒ½ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ display: inline-block display: table, table-cell ãªã© position: fixed; E:active {...} E:focus {...} E::first-child {...} E:lang(C) {...} E::after
chi-bit 2012/03/07
javascript

css

ie
ãƒªãƒ³ã‚¯
Make a Textarea Auto Resize to fit Contents - Impressive Webs
On a current project, I was trying to find a way to auto-resize a textarea according to some content that would be loaded in dynamically via Ajax. I didnâ€™t know the height of the content and the textarea element doesnâ€™t resize naturally like other HTML elements, so I needed to update the height of the element with JavaScript each time the content changed. It seemed like a simple task. After doing
chi-bit 2012/01/12
html

javascript

jQuery
ãƒªãƒ³ã‚¯
JavaScriptã®åž‹ã¯6ç¨®é¡žã ã‘ã©å¤§ããåˆ†ã‘ãŸ2ç¨®é¡žã‚’çµ¶å¯¾ã«è¦šãˆã¦ãŠãã¹ãï¼ˆJavaScript ãŠã‚ŒãŠã‚Œ Advent Calendar 2011 â€“ 20æ—¥ç›®ï¼‰ | Ginpen.com
JavaScript ãŠã‚ŒãŠã‚Œ Advent Calendar 2011 â€“ 20æ—¥ç›® ã“ã‚Œã ã‘ã€‚ undefined null boolean number string object é…åˆ—ã¨ã‹æ—¥ä»˜ã¨ã‹ã¯ã€å…¨éƒ¨ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä¸€ç¨®ã§ã™ã€‚ ã•ã‚‰ã«ã“ã‚Œã‚‰ã‚‚objectã¨ãã‚Œä»¥å¤–ã§ã‚‚åˆ†ã‹ã‚Œã¦ã„ã¦ã€objectã˜ã‚ƒãªã„æ–¹ã‚’ãƒ—ãƒªãƒŸãƒ†ã‚£ãƒ–åž‹ã¨å‘¼ã³ã¾ã™ã€‚ ï¼ˆâ€»primitive â€¦ ï¼ˆå½¢ï¼‰åŽŸå§‹çš„ãªã€æ ¹æœ¬çš„ãªï¼‰ nullä»¥å¤–ã®åž‹ã‚’èª¿ã¹ã‚‹ã«ã¯typeofæ¼”ç®—åã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ console.log(typeof undefined); // => "undefined" console.log(typeof null); // => "object" // "null"ã˜ã‚ƒãªã„ï¼ console.log(typeof true); // => "boolean" console.log(typeof 1);
chi-bit 2011/12/21
javascript

programming
ãƒªãƒ³ã‚¯
è¦æ³¨ç›®ï¼CSSã¨JavaScriptã§ä½œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³Â·Animatable MOONGIFT
Animatableã¯JavaScriptã§CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æœ€è¿‘ã€CSSã ã‘ã§ä½œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã†ã®ãŒæµè¡Œã£ã¦ã„ã¾ã™ã€‚CSS3ã§ã‚ã‚Œã°transitionã¨ã„ã†è¦ç´ ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒèµ·ã“ã›ã¾ã™ãŒã€ã•ã‚‰ã«JavaScriptã‚’ä½¿ã£ã¦å¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«å¯¾å¿œã•ã›ãŸã®ãŒAnimatableã§ã™ã€‚ è‰²ã€…ãªç”»åƒãŒä¸¦ã‚“ã§ã„ã¾ã™ã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ã€‚ 6ç•ªã¯æ›²ç·šãŒå¤‰åŒ–ã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ 2ç•ªã¯èƒŒæ™¯ç”»åƒãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ 12ç•ªã¯ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ãƒ¼ã§ã™ã€‚ fromã¨toã®ã®ã¨ã“ã‚ã§å®Ÿéš›ã«è¨å®šã™ã‚‹CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ data-fromã¨data-toã§ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æŒ‡å®šã—ã¾ã™ã€‚ Animatableã¯ã„ã‚ã°Flashã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ä¼¼ã¦ã„ã¾ã™ã€‚æœ€åˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’data-from
chi-bit 2011/11/13
javascript

css
ãƒªãƒ³ã‚¯
CoffeeScriptãŒWebã®ä¸–ç•Œã‚’åˆ¶ã™ã‚‹ï¼ŸHTML/CSS/JavaScriptç”ŸæˆÂ·coffee-world MOONGIFT
coffee-worldã¯ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã‚’ç›£è¦–ã—ã¦CoffeeScriptã‹ã‚‰HTML/CSS/JavaScriptã‚’ç”Ÿæˆã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ æœ€è¿‘ã€JavaScriptã‚’ç´ ã®ã¾ã¾ã§æ›¸ãã“ã¨ãŒæ¸›ã£ã¦ãã¦ã„ã¾ã™ã€‚CoffeeScriptã‹ã‚‰å¤‰æ›ã—ãŸæ–¹ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é‡ã‚‚å°‘ãªãã€ã‹ã¤å¯èªæ€§ã®é«˜ã„ã‚³ãƒ¼ãƒ‰ãŒæ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãã‚“ãªCoffeeScriptã¯æ—¢ã«JavaScriptã ã‘ã®å£ã‚’è¶Šãˆã¦å‹•ãå§‹ã‚ã¦ã„ã¾ã™ã€‚ãã‚“ãªäººã«ãŠå‹§ã‚ãªã®ãŒcoffee-worldã§ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯npmã‹ã‚‰ã§ãã¾ã™ã€‚ã‚³ãƒžãƒ³ãƒ‰ã«ã—ãªã„ã¨ã„ã‘ãªã„ã®ã§å®Ÿéš›ã«ã¯-gã‚’ã¤ã‘ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ä¾‹ã€‚ã“ã‚Œã¯CoffeeScriptã§CSSã‚’ç”Ÿæˆã™ã‚‹ccssãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã™ã€‚ å¾Œã¯coffee-worldã‚’èµ·å‹•ã™ã‚‹ã¨ç¾åœ¨ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã¾ãŸã¯ãƒ‘ã‚¹ã‚’æŒ‡å®šã—ã¦ãã®ãƒ‘ã‚¹ä»¥ä¸‹ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã—ã¦ãã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ CoffeeS
chi-bit 2011/11/06
javascript

coffeescript
ãƒªãƒ³ã‚¯
Triggering CSS3 Transitions With JavaScript
chi-bit 2011/09/03
css3

javascript
ãƒªãƒ³ã‚¯
Top 10 MobileÂ Web Development JavaScript Frameworks
Creating web apps and sites for the Mobile Web has its own sets of challenges and techniques. From UIs optimized for fingers instead of mouse cursors to the bandwidth limitations that most porta ble personal devices have, developing for mobile devices requires a paradigm shift for those of us whoâ€™ve traditionally created products aimed at desktops. To help you rapidly deploy cross-platform mobile a
chi-bit 2011/08/15
ãƒ¢ãƒã‚¤ãƒ«ç”¨Javascriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é›†

javascript

mobile
ãƒªãƒ³ã‚¯
åœ§å€’çš„ãªå˜åœ¨æ„Ÿã€‚HTML5/CSS3/JavaScriptã§ä½œã‚‰ã‚ŒãŸã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ—ãƒªÂ·Ghost Writer MOONGIFT
Ghost Writerã¯ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ç‰ã‚’ãƒªã‚¢ãƒ«ã«å†ç¾ã—ãŸçµµæãç”¨ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Ghost Writerã¯HTML5/JavaScriptè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚HTML5ã¯å¾ã€…ã«æœ¬æ ¼å°Žå…¥ã•ã‚Œã¤ã¤ã‚ã‚‹ãŒã€ã¾ã ã¾ã å®Ÿé¨“çš„ãªãƒ—ãƒãƒ€ã‚¯ãƒˆãŒå¤šã„ã€‚ã ãŒãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã«ã¨ã£ã¦ã¯ã€ä»Šã“ãéŠã¹ã‚‹çŠ¶æ³ã ã€‚è‰²ã€…è©¦ã—ã€éŠã¶ä¸ã§æ–°ã—ã„å¯èƒ½æ€§ã‚’è¦‹ã„ã ã™ã“ã¨ãŒã§ãã‚‹ã€‚ ã‚‚ã®ã™ã”ããƒªã‚¢ãƒ« ä»Šã¾ã§ã¯ãƒãƒ¼ã‚«ãƒ«ã§ã—ã‹ã§ããªã‹ã£ãŸã‚ˆã†ãªæ“ä½œãŒWebãƒ™ãƒ¼ã‚¹ã§å®Ÿç¾ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ç‰¹ã«ãƒšã‚¤ãƒ³ãƒˆç³»ã¯é¢ç™½ã„ã€‚ãã“ã§ä»Šå›žã¯Ghost Writerã‚’ç´¹ä»‹ã—ã‚ˆã†ã€‚ Ghost Writerã¯å¤ã‚ã‹ã—ã„ç´™ã®ã‚ˆã†ãªãƒœãƒƒã‚¯ã‚¹ã«ãƒšãƒ³ã‚’ä½¿ã£ã¦æ›¸ãè¾¼ã‚ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚é©šãã®ã¯ãã®ãƒªã‚¢ãƒ«æ„Ÿã‚ã‚‹å˜åœ¨æ„Ÿã ã‚ã†ã€‚ä¸‡å¹´ç†ã€ãƒžã‚¸ãƒƒã‚¯ã€ã‚¹ãƒ—ãƒ¬ãƒ¼ã¨ã„ã£ãŸãƒšãƒ³ç¨®ãŒã‚ã‚Šã€åˆ‡ã‚Šæ›¿ãˆã¦çµµã‚’æãã“ã¨ãŒã§ãã‚‹ã€‚ãªãŠç†è€…ç’°å¢ƒã§ã¯è‰²ã‚’å¤‰ãˆã‚‹ã“ã¨ã¯ã§
chi-bit 2011/06/21
html5

css3

javascript
ãƒªãƒ³ã‚¯
Generating Files with JavaScript
When building a web application, you oftentimes need to give users the ability to download a piece of data as a file. It could be a backup of configuration settings, reports, or other piece of information that is generated dynamically. The usual solution to this probl em would be to have a dedicated export script that selects from a database and builds the file you need. However, as we will be prov
chi-bit 2011/06/08
javascript

php
ãƒªãƒ³ã‚¯
wise9 â€º Javaã¨JavaScriptã®20å¹´æˆ¦äº‰
ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ç‰©å‡„ã„å‹¢ã„ã§å‹ƒèˆˆã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ æ¥ç•Œã¯ã€ã„ã‚ã„ã‚ãªèª²é¡Œã‚„å•é¡Œã«ç›´é¢ã—ãªãŒã‚‰ã‚‚å·¨å¤§åŒ–ã—ã€ä»Šæ—¥ã®æ™‚ç‚¹ã§ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚²ãƒ¼ãƒ ã®å¸‚å ´ã¸ã¨ç¶™æ‰¿ã•ã‚Œã¦ã„ãã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®æ´å² 2001 Javaã‚¢ãƒ—ãƒªã¨3Dã‚²ãƒ¼ãƒ ã®ç™»å ´ JavaãŒåˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«ã‚ˆã‚Šã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰åž‹ã®ã‚²ãƒ¼ãƒ ãŒä¾›çµ¦ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 2002 æºå¸¯é›»è©±ç«¯æœ«ã®å¤§å®¹é‡åŒ–ãƒ»3DåŒ–ç«¶äº‰ Javaæè¼‰æºå¸¯é›»è©±ç«¯æœ«ãŒç™»å ´ã—ã¦ã‹ã‚‰ã”ãåƒ…ã‹1å¹´ã®é–“ã«ã€ã‚¢ãƒ—ãƒªã®ã‚µã‚¤ã‚ºã«é–¢ã—ã¦ã¯10å€ã«åºƒå¤§åŒ–ã—ã€è¡¨ç¾æ–¹æ³•ã‚‚2Dã‹ã‚‰3Dã«ã‚·ãƒ•ãƒˆã—å§‹ã‚ã¾ã—ãŸã€‚J-PHONEã¯ã€Žã‚¼ãƒ“ã‚¦ã‚¹ã€ã‚„ã€Žã‚¹ãƒšãƒ¼ã‚¹ãƒãƒªã‚¢ãƒ¼ã€ãªã©ã¨ã„ã£ãŸæ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’ã€ãƒ‰ã‚³ãƒ¢ã¯SIMCITYãªã©ãƒ‘ã‚½ã‚³ãƒ³ã§ä¸–ç•Œçš„è¦æ¨¡ã®ãƒ’ãƒƒãƒˆã‚’é£›ã°ã—ãŸã‚²ãƒ¼ãƒ ã‚’ä¸»åŠ›å•†å“ã¨ã—ã¦ã„ã¾ã—ãŸã€‚ 2003 ãƒ¢ãƒã‚¤ãƒ«ã‚²ãƒ¼ãƒ ã®ä¸€èˆ¬åŒ– ãƒ¡ãƒ¢ãƒªã®åˆ¶é™ãŒåŽ³ã—ã„Javaä»®æƒ³ãƒžã‚·ãƒ³ä¸Šã§ã¯ãªãã€OS
chi-bit 2011/05/31
ãµã‚€ãµã‚€(*ï½€Ï‰Â´*)=3

javascript

java
ãƒªãƒ³ã‚¯
Google JavaScript Style Guide å’Œè¨³ â€” Google JavaScript Style Guide å’Œè¨³ v0.1 documentation
ã“ã®å’Œè¨³ã«ã¤ã„ã¦Â¶ ã“ã®æ–‡ç« ã¯ Google JavaScript Style Guide ã‚’éžå…¬å¼ã«å’Œè¨³ã—ãŸã‚‚ã®ã§ã™. å†…å®¹ã®æ£ç¢ºæ€§ã¯ä¿è¨¼ã—ã¾ã›ã‚“. ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯åŽŸæ–‡ã¨åŒã˜ã CC-By 3.0 ã¨ã—ã¾ã™. ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã¯ Issue ã¸ã®ç™»éŒ² , ã‚ã‚‹ã„ã¯ Kosei Moriyama (@cou929 ã¾ãŸã¯ cou929 at gmail.com) ã¸ç›´æŽ¥ãŠé¡˜ã„ã—ã¾ã™. ã“ã®å’Œè¨³ã®ãƒªãƒã‚¸ãƒˆãƒªã¯ ã“ã¡ã‚‰ ã§ã™.
chi-bit 2011/05/28
google

javascript
ãƒªãƒ³ã‚¯
HTML5 ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç”Ÿæˆã—ã¦ã¿ã‚ˆã†ï¼ - ITæˆ¦è¨˜
æ˜¨æ—¥ HTML5 ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’å–å¾—ã™ã‚‹ JavaScript - ITæˆ¦è¨˜ ã¨ã„ã†è¨˜äº‹ã§ã€ä»¥ä¸‹ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å…¬é–‹ã—ã¾ã—ãŸ Outliner.js ã§ å…¬é–‹ã—ãŸã®ã¯ã„ã„ã®ã§ã™ãŒã€ @amachang ä½¿ã„æ–¹ãŒã‚ã‹ã‚‰ã‚“ã§ã™â€¦ã€‚è¦‹ã¦ã‚‹ãƒšãƒ¼ã‚¸ã§è©¦ã›ã‚‹ã‚ˆã†ã«ã€Bookmarkletã«ãªã£ã¦ã„ã‚‹ã¨å¬‰ã—ã„ã§ã™ã€‚ http://twitter.com/os0x/status/3972339847 â€¦è‚å¿ƒã®ä½¿ã„æ–¹ã‚’æ›¸ãã®ã‚’å¿˜ã‚Œã¦ã„ã¾ã—ãŸï¼žï¼œ ï¼žï¼œ ã¨ã„ã†ã‚ã‘ã§ç°¡å˜ã«ä½¿ã„æ–¹ã‚’è§£èª¬ã—ãŸã„ã¨æ€ã†ã¾ã™ã€‚ æ‰‹é †ã¯ 2 ã‚¹ãƒ†ãƒƒãƒ— 1. ã¾ãš outliner.js ã‚’èªã¿è¾¼ã‚€ <!DOCTYPE html> <html> <head> <title>hoge<title> <script type="text/javascript" src="http://amachang.saku
chi-bit 2011/05/09
ã‚ˆã—ã€ã“ã‚Œå…¥ã‚Œã¦ã¿ã‚ˆã†ã€‚ ã€ŽHTML5 ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’ç”Ÿæˆã—ã¦ã¿ã‚ˆã†ï¼ - ITæˆ¦è¨˜ã€

html5

markup

javascript
ãƒªãƒ³ã‚¯
Google Chromeã®JavaScriptãƒ‡ãƒãƒƒã‚¬ã®é€²åŒ–ãŒã™ã”ã„ - os0x.blog
Chromeç‰ˆã®Firebugã“ã¨Google Chrome Developer Toolsã§ã™ãŒã€ä»¥å‰gihyoã§è§£èª¬ã—ãŸã¨ãã‚ˆã‚Šã•ã‚‰ã«ä¾¿åˆ©ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€å°‘ã—ç´¹ä»‹ã—ã¾ã™(å…ƒã¯WebKitãªã®ã§ã€ãã®ã†ã¡(è¿‘ã„ã†ã¡ã«)Safariã§ã‚‚ãã‚Œãªã‚Šã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™)ã€‚ åœ§ç¸®ã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ã®æ•´å½¢ ã¾ãšã€ç›®ç«‹ã¤ã¨ã“ã‚ã‹ã‚‰ã„ãã¾ã—ã‚‡ã†ã€‚ã¡ã‚‡ã†ã©å…ˆæ—¥æ›´æ–°ã•ã‚ŒãŸChromeã®devç‰ˆ(12.0.742.0)ã«æè¼‰ã•ã‚ŒãŸã°ã‹ã‚Šã®æ©Ÿèƒ½ã§ã€minifyã•ã‚Œã¦ã„ã‚‹JavaScriptã‚³ãƒ¼ãƒ‰ã‚’èªã¿ã‚„ã™ã„ã‚ˆã†ã«æ•´å½¢ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™(IE9ã®é–‹ç™ºè€…ãƒ„ãƒ¼ãƒ«ã«ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹æ©Ÿèƒ½ã§ã™)ã€‚ ä¾‹ãˆã°ã€Google Analyticsã®ã‚³ãƒ¼ãƒ‰ã¯åœ§ç¸®ã•ã‚Œã¦ã„ã¦æ™®é€šã¯èªã‚ã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€Chromeã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ãªã‚‰ã€ ã“ã®ã‚ˆã†ã«æ•´å½¢ã—ã¦ãã‚Œã¾ã™ã€‚ ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã§ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãƒ„ãƒ¼ãƒ«ã®Script
chi-bit 2011/04/24
ã€ŽGoogle Chromeã®JavaScriptãƒ‡ãƒãƒƒã‚¬ã®é€²åŒ–ãŒã™ã”ã„ - 0xFFã€

javascript

chrome
ãƒªãƒ³ã‚¯
ãƒ‘ã‚ºãƒ«ã€è½ã¡ã‚‚ã®ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹HTML5/JavaScriptã®ã‚²ãƒ¼ãƒ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒLimeJSã€ | MOONGIFT | ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’ä¸å¿ƒã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°
LimeJSã¯HTML5/JavaScriptã«ã‚ˆã‚‹Webã‚²ãƒ¼ãƒ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ãƒ‘ã‚ºãƒ«ã‚²ãƒ¼ãƒ å‘ãã€‚ LimeJSã¯JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚Webãƒ™ãƒ¼ã‚¹ã®ã‚²ãƒ¼ãƒ é–‹ç™ºãŒç†±ã„ã€‚ãã®æ™‚ã€éµã«ãªã‚‹ã®ã¯JavaScriptã ã€‚HTML5ã®ç™»å ´ã«ã‚ˆã£ã¦Webã€JavaScriptã§ã§ãã‚‹ã“ã¨ã¯å¤§ããåºƒãŒã£ã¦ã„ã‚‹ã€‚ä»Šã“ãWebãƒ™ãƒ¼ã‚¹ã®ã‚²ãƒ¼ãƒ é–‹ç™ºã‚’è¡Œã†æ™‚ã ã€‚ ä¸¦ã¹ã‚‹ç³»ã®ãƒ‘ã‚ºãƒ« ã‚²ãƒ¼ãƒ ã¨è¨€ã£ã¦ã‚‚ã‚¸ãƒ£ãƒ³ãƒ«ã¯ã¨ã¦ã‚‚å¹…åºƒã„ã€‚ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚‚ã‚ã‚Œã°ã€ãƒ‘ã‚ºãƒ«ã€ãƒŽãƒ™ãƒ«ã€ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã¨ã„ã£ãŸå…·åˆã ã€‚ä¸€ã¤ã®ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ãŒå…¨ã¦è¡Œãˆã‚‹è¨³ã§ã¯ãªã„ã®ã§ã€é–‹ç™ºã—ãŸã„ã‚²ãƒ¼ãƒ ã®ç¨®é¡žã«å¿œã˜ã¦ã‚¨ãƒ³ã‚¸ãƒ³ã‚’é¸ã¶ã¹ãã ã€‚ãƒ‘ã‚ºãƒ«ã€è½ã¡ã‚‚ã®ã‚²ãƒ¼ãƒ ã‚’ä½œã‚‹ãªã‚‰LimeJSãŒä½¿ãˆãã†ã ã€‚ LimeJSã¯HTML5ã‚’ä½¿ã£ãŸJavaScriptè£½ã®ã‚²ãƒ¼ãƒ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã ã€‚iOSã§ã®åˆ©ç”¨ã‚‚æƒ³å®šã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ‡ãƒ¢ã«ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹ã‚²ãƒ¼
chi-bit 2011/02/17
ãƒ‘ã‚ºãƒ«ã€è½ã¡ã‚‚ã®ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹HTML5/JavaScriptã®ã‚²ãƒ¼ãƒ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒLimeJSã€ | MOONGIFT | ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’ä¸å¿ƒã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°

javascript

html5

game

framework
ãƒªãƒ³ã‚¯
HTML5/JavaScriptã«ã‚ˆã‚‹ãƒšãƒ¼ã‚¸é€ã‚Šå¯èƒ½ãªé›»åæ›¸ç±ãƒ“ãƒ¥ãƒ¼ãƒ¯ãƒ¼Â·Page flip effect MOONGIFT
Page flip effectã¯HTML5ã¨JavaScriptã‚’ä½¿ã£ãŸé›»åæ›¸ç±é¢¨ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚ Page flip effectã¯HTML5/JavaScriptè£½ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ï¼‰ã€‚é›»åæ›¸ç±ãŒé¨’ãŒã‚Œã¦ã„ã‚‹ãŒã€æœ€ã‚‚å¤§äº‹ãªã®ã¯ã‚‚ã¡ã‚ã‚“ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã ã€‚ãã—ã¦æ¬¡ã«å¤§äº‹ãªã®ã¯è¦‹ã›æ–¹ã«ãªã£ã¦ãã‚‹ã ã‚ã†ã€‚é›»åæ›¸ç±ã‚‰ã—ã•ãŒãªã‘ã‚Œã°ã„ã‘ãªã„ã€‚ ã“ã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸é€ã‚Šã•ã‚Œã‚‹ ã¨ã¯è¨€ãˆé›»åã§ã‚ã‚ã†ã¨ã‚‚æ›¸ç±ã‚’èªã‚“ã§ã„ã‚‹ã€ã¨æ„Ÿã˜ã‚‰ã‚Œã‚‹æ©Ÿèƒ½ã¯å¤§äº‹ãªã‚ˆã†ã ã€‚å…·ä½“çš„ã«è¨€ãˆã°ã€ãƒšãƒ¼ã‚¸ã‚’æ²ã£ã¦ã„ã‚‹æ„Ÿè¦šã ã€‚æŒ‡ã‚’ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¦ãƒšãƒ¼ã‚¸é€ã‚Šã‚’ã™ã‚‹ã ã‘ã§ãªãã€ãƒšãƒ¼ã‚¸ãŒã‚«ãƒ¼ãƒ«ã™ã‚‹ã‚ˆã†ãªæ„Ÿè¦šã€ãã‚Œã‚’HTML5ã§å®Ÿç¾ã™ã‚‹ã®ãŒPage flip effectã ã€‚ Page flip effectã¯Google Chrome TeamãŒä»¥å‰ã«ä½œã£ãŸã€Œ20 Things I Learned Abo
chi-bit 2011/02/17
HTML5/JavaScriptã«ã‚ˆã‚‹ãƒšãƒ¼ã‚¸é€ã‚Šå¯èƒ½ãªé›»åæ›¸ç±ãƒ“ãƒ¥ãƒ¼ãƒ¯ãƒ¼ã€ŒPage flip effectã€ | MOONGIFT | ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ç´¹ä»‹ã‚’ä¸å¿ƒã¨ã—ãŸITã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢/Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ãƒ–ãƒã‚°

html5

javascript
ãƒªãƒ³ã‚¯
JS1k 2010 - Demos page - A merry JavaScript golfing competition
Check out demos from previous editions too! 2011 , 2012 , 2013 , 2014 , 2015 , 2016 , 2017 , 2018 , 2019
chi-bit 2010/12/24
javascript

christmas
ãƒªãƒ³ã‚¯
JS1k 2010 - Demo 857
chi-bit 2010/12/24
ã¡ã‚‡ã£ã¨åˆ‡ãªã„â€¦ (ãƒŽÏ‰ãƒ»ã€ï¼‰JSã§ä½œã‚‰ã‚ŒãŸé›ªã ã‚‹ã¾ã‚µãƒ³ã€‚

javascript
ãƒªãƒ³ã‚¯
6 Free JavaScript E-Books and Tutorials
Chief executive of the worldâ€™s leading chip maker Nvidia says that artificial intelligence (AI) hasâ€¦
chi-bit 2010/12/05
6 Free JavaScript E-Books and Tutorials

javascript
ãƒªãƒ³ã‚¯
JavaScriptå…¥é–€è¬›åº§
ä»Šæ—¥ã®å†…å®¹ JavaScriptã‚’å‹‰å¼·ã—å§‹ã‚ãã‚‰ã„ã®äººã‚’å¯¾è±¡ã«ã—ãŸJavaScriptå…¥é–€è¬›åº§çš„ãªã‚‚ã® æ–‡æ³•ã¨ã‹ã¯èª¿ã¹ã‚Œã°ã‚ã‹ã‚‹ã®ã§ãµã‚Œã¾ã›ã‚“ ä¸€äººã§å‹‰å¼·ã—ã¦ã‚‚ã‚ã‹ã‚‰ãªãã†ãªæ¦‚å¿µãªã©ã‚’é‡ç‚¹çš„ã«èª¬æ˜Žã—ã¾ã™ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã®ã§JavaScriptã£ã¦ã“ã‚“ãªæ„Ÿã˜ã¦ä½œã‚‹ã‚“ã ãªãƒ¼ã¨ã„ã†ã®ãŒã‚ã‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ã¨ ã‚¢ã‚¸ã‚§ãƒ³ãƒ€ JavaScriptã‚’å‹‰å¼·ã™ã‚‹å‰ã« JavaScriptã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part1 jQueryã®åŸºç¤ŽçŸ¥è˜ ãƒ©ã‚¤ãƒ–ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° part2
chi-bit 2010/11/21
ã‚ã¨ã§ä½•éã‚‚èªã¿è¿”ã™ï¼å¿…ãšèªã‚€ï¼JavaScriptã‚’æ‰±ã†ä¸Šã§ã€çŸ¥ã£ã¦ãªã„ã¨ãŠè©±ã«ãªã‚‰ãªã„ã“ã¨ãŒæº€è¼‰ï¼ï¼ï¼ã€ŒJavaScriptå…¥é–€è¬›åº§ã€

javascript

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1