[B! JavaScript][github] sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sometk id:sometk

JavaScriptã¨githubã«é–¢ã™ã‚‹sometkã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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}}

[JS]Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«å„è¦ç´ ã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -scrollReveal.js
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å•†å“å†™çœŸãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹Appleã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒšãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸæ™‚ã€ãƒãƒ¼ãƒ‰ã—ãŸæ™‚ãªã©ã€ãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã«è¡¨ç¤ºã—ãŸæ™‚ã«ã€å„è¦ç´ ãã‚Œãžã‚Œã‚’ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹å˜ä½“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ scrollReveal.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦</body>ã®ä¸Šã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ <body> ... ... <script src="js/scrollReveal.js"></script> </body> Step 2: HTML ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ã‚»ãƒƒãƒˆã—ãŸã‚‰ã€ã‚ã¨ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹è¦ç´ ã«ã€Œdata-scrollrevealã€ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã™ã€‚ <h1 data-scrollr
sometk 2014/02/23
ç”¨é€”ãŒâ€¥

1402

apple

after

github

JavaScript

js

jQuery

scroll
ãƒªãƒ³ã‚¯
æ©‹æœ¬å•†ä¼š Â» node-webkitã§NHK Newsã‚’é€£ç¶šè‡ªå‹•å†ç”Ÿã™ã‚‹ã‚¢ãƒ—ãƒªä½œã£ãŸ
ã‚ã¾ã‚Šã«ã‚‚ä¸–æƒ…ã«ã†ã¨ã„ã®ã§ä½œã£ãŸã€‚ NHKã®RSSã‚’å®šæœŸçš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã€æ–°ç€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã®å‹•ç”»ã‚’é€£ç¶šè‡ªå‹•å†ç”Ÿã™ã‚‹ã€‚ ã¨ã¦ã‚‚ãƒ†ãƒ¬ãƒ“ã£ã½ã„ã€‚ãŠã‹ã’ã§4æ—¥å¾Œã«ã‚ªãƒªãƒ³ãƒ”ãƒƒã‚¯ãŒé–‹å‚¬ã•ã‚Œã‚‹ã¨ã„ã†äº‹ã‚’çŸ¥ã‚ŒãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ https://github.com/shokai/nhk-news-app zipã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ https://github.com/shokai/nhk-news-app/releases node-webkitã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªä½œæˆã®ãŸã‚ã«webkitãŒæ”¹é€ ã•ã‚ŒãŸwebãƒ–ãƒ©ã‚¦ã‚¶ã§ã€HTML/JavaScript/CSSãŒå®Ÿè¡Œã§ãã‚‹ã ã‘ã§ãªãnode.jsã®APIã‚‚ãã®ã¾ã¾å‘¼ã³å‡ºã›ã‚‹ã€‚ ã¤ã¾ã‚ŠjQueryã§DOMæ“ä½œã™ã‚‹ã¨åŒæ™‚ã«nodeã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã‚ˆã†ãªå‡¦ç†ãŒã€åŒã˜ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ•ã‚¡ã‚¤ãƒ«ã«ã¾ã¨ã‚ã¦æ›¸ã‘ã‚‹ã€‚å¤‰ã«ãƒ–ãƒªãƒƒã‚¸ã‚’æ›¸ãäº‹ãªãã„ã¤ã‚‚ã®nodeã®ã‚ˆã†ã« require(â€˜ãƒ¢ã‚¸ãƒ¥
sometk 2014/02/05
1402

JavaScript

github

app

nhk

js

webkit

web

node

HTML
ãƒªãƒ³ã‚¯
JavaScript Garden
JavaScript Garden ã¯JavaScriptã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã®ä¸€ç•ªå¥‡å¦™ãªéƒ¨åˆ†ã«ã¤ã„ã¦ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé›†ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯JavaScriptã¨ã„ã†è¨€èªžã«æ…£ã‚Œã¦ã„ãªã„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã“ã®è¨€èªžã«ã¤ã„ã¦æ·±ãçŸ¥ã‚ã†ã¨ã™ã‚‹éš›ã«éé‡ã™ã‚‹ã€è‰¯ãã‚ã‚‹é–“é•ã„ãƒ»å°ã•ãªãƒã‚°ãƒ»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œãƒ»æ‚ªã„ç¿’æ…£ãªã©ã‚’é¿ã‘ã‚‹ç‚ºã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ JavaScript Gardenã¯JavaScriptã‚’æ•™ãˆã‚‹äº‹ã‚’ç›®çš„ã«ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã®é …ç›®ã‚’ç†è§£ã™ã‚‹ç‚ºã«ã¯ã€ã“ã®è¨€èªžã«å¯¾ã™ã‚‹å‰æçŸ¥è˜ãŒã‚ã‚‹äº‹ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ã“ã®è¨€èªžã®åŸºç¤Žéƒ¨åˆ†ã«ã¤ã„ã¦ã¯Mozilla Developer Networkã®ã‚¬ã‚¤ãƒ‰ ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ è‘—è€… ã“ã®ã‚¬ã‚¤ãƒ‰ã¯æ„›ã™ã¹ãStack Overflowã®2äººã®ãƒ¦ãƒ¼ã‚¶ãƒ¼Ivo Wetzel (åŸ·ç†)ã¨Zhang Yi Jiang (ãƒ‡ã‚¶ã‚¤ãƒ³)ã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ è²¢çŒ®è€… è²¢çŒ®
sometk 2013/10/26
1310

github

developer

javascript

programming
ãƒªãƒ³ã‚¯
Qiitaã®textareaè‡ªå‹•è£œå®ŒãŒOSSã«ãªã‚Šã¾ã—ãŸ - Qiita
jQuery.textcompleteï¼ˆãƒ‡ãƒ¢ï¼‰ GitHubã®ã‚ˆã†ãªtextareaã®è£œå®Œæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ - ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã®å–å¾— ã‚’æ›¸ã„ãŸã®ã‚‚ä»Šã¯æ˜”ã€ã„ã¤ã‹ç¶šãã‚’æ›¸ã“ã†æ›¸ã“ã†ã¨æ€ã„ãªãŒã‚‰æ°—ãŒã¤ã‘ã°5ãƒ¶æœˆãŒéŽãŽã¾ã—ãŸ ãªã‚“ã‹ç¶šãã‚’æ›¸ãã®ãŒé¢å€’ãã•ããªã£ãŸã®ã¨ã€æŸæ—¥æœ¬æœ€å¤§ãƒ¬ã‚·ãƒ”å…±æœ‰ã‚µã‚¤ãƒˆã®æŠ€è¡“éƒ¨é•·ã®äººã‹ã‚‰ã€ŒOSSã«ã—ã¦æ¬²ã—ã„ã€ã¨ã„ã†è¦è«‹ã‚’äººä¼ã«å—ã‘å–ã£ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€OSSåŒ–ã—ãŸæ¬¡ç¬¬ã§ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ ç°¡å˜ãªä½¿ã„æ–¹ ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚è©³ã—ãã¯ README ã‚’èªã‚“ã§ãã ã•ã„ã€‚ ã¾ãš jQuery.textcomplete ã¯åå‰ã‹ã‚‰ã‚‚åˆ†ã‹ã‚‹ã‚ˆã†ã« jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€åˆ¥é€” jQuery ãŒå¿…è¦ã§ã™ã€‚ <script src="path/to/jquery.js"></script> <script src="path/to/jquery.textcomp
sometk 2013/09/02
1309

function

github

JavaScript

jquery

library

OSS

qiita

textarea
ãƒªãƒ³ã‚¯
flipsnap.jsã¨ã„ã†ã®ã‚’æ›¸ã„ãŸ - Webtech Walker
æœ€è¿‘ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚ˆã†ãªUIã‚’æ›¸ãæ©Ÿä¼šãŒå¤šã„ã®ã§æ±Žç”¨çš„ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸã€‚ DEMO pxgrid/js-flipsnap - GitHub iScrollã§ã‚‚snapã£ã¦ã„ã†æ©Ÿèƒ½ä½¿ã†ã¨åŒã˜ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã‚“ã ã‘ã©ã€iScrollã§ã“ã‚Œã‚’ã‚„ã‚ã†ã¨ã™ã‚‹ã¨ã“ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã„ã¦ã‚‹ã¨ã“ã‚ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒåŠ¹ã‹ãªããªã‚‹ã¨ã„ã†å•é¡ŒãŒã‚ã£ã¦ã€ãã‚Œã‚’è§£æ±ºã—ã‚ˆã†ã¨æ€ã£ã¦æœ€åˆã¯iScrollã®å†…éƒ¨ã‚’ã„ã˜ã£ã¦ãŸã‚“ã ã‘ã©ã€ã¡ã‚‡ã£ã¨iScrollãƒ™ãƒ¼ã‚¹ã ã¨ã©ã†ã—ã¦ã‚‚ç„¡ç†ãªã¨ã“ã‚ãŒã‚ã£ãŸã®ã§ã“ã®æ©Ÿèƒ½ã ã‘åˆ‡ã‚Šå‡ºã—ã¦ã¿ãŸã¨ã„ã†ã‚ã‘ã€‚ ä¸€å¿œAndroidã§ã‚‚å‹•ã„ã¦ã‚‹ã£ã½ã„ã€‚ iScrollã¿ãŸã„ã«å¤šæ©Ÿèƒ½ã˜ã‚ƒãªã„ã‘ã©ã¾ã‚ã“ã‚Œã ã‘ä½¿ã„ãŸã„ã£ã¦ã„ã†ã“ã¨çµæ§‹ã‚ã‚‹ã®ã§å‰²ã¨ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã€‚TODOã¯ã¨ã‚Šã‚ãˆãšãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã€‚ è¿½è¨˜ï¼ˆ2012/02/04ï¼‰ï¼šã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œã—ã¾ã—ãŸã€‚
sometk 2013/06/14
1306

demo

github

android

iphone

jQuery

javascript

slide

flick
ãƒªãƒ³ã‚¯
jQuery PowerTip
PowerTip is a jQuery tooltip plugin with a smooth user experience that features a very flexible design which is easy to customize, gives you a variety of different ways to create tooltips, supports adding complex data to tooltips, and has a robust API for developers seeking greater integration with their web applications. Download v1.3.2 Zip file with examples, CSS, and script. For older versions,
sometk 2012/08/04
1208

javascript

jQuery

browser

library

github
ãƒªãƒ³ã‚¯
æœ€é€Ÿãª JavaScript ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚µã‚¤ãƒˆã‚’ã¤ãã£ãŸ - tokuhirom's blog
JavaScript ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã¨ã„ãˆã° MDN(Mozilla Developers Network) ãŒæœ‰åã§ã™ãŒã€MDN ã®è³‡æ–™ã¯æŽ¢ç´¢ãŒã‚ã‚“ã©ãã•ã„ã—ã€è¡¨ç¤ºãŒé…ã„ã¨ã„ã†ã“ã¨ã§ä½¿ã„å‹æ‰‹ãŒã‚ã‚‹ã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€jQuery ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã‚µã‚¤ãƒˆã¨ã—ã¦æœ‰åãª jqapi.com ã¨ãŠãªã˜ã‚ˆã‚ˆã†ãªä½¿ã„å‹æ‰‹ã®ã‚µã‚¤ãƒˆãŒã‚ã£ãŸã‚‰ã„ã„ã®ã«ãªãƒ¼ã¨ãŠã‚‚ã„ã¾ã—ãŸã€‚ ãªã®ã§ã€ã¤ãã‚Šã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆè‡ªä½“ã¯ã™ã¹ã¦ static ãªãƒ‡ãƒ¼ã‚¿ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã€github ã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚Œã°ã€ã‚¤ãƒ³ãƒˆãƒ©ã‚„è‡ªåˆ†ã®ãƒžã‚·ãƒ³å†…ã§é–²è¦§ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãªãŠ IE ã§ã®å‹•ä½œç¢ºèªã¯ã—ã¦ã„ãªã„ã®ã§ã€ã†ã¾ãã†ã”ã‹ãªã„å ´åˆã¯ pull-req ã—ã¦ãã ã•ã„ã€‚
sometk 2012/01/14
1201

JavaScript

js

json

github

index

jQuery

document
ãƒªãƒ³ã‚¯
pjax ã“ããŒ pushState + Ajax ã®æœ¬å‘½ - punitan (a.k.a. punytan) ã®ãƒ¡ãƒ¢
pjaxã®å‰ã«pushStateã¨ã¯ Ajaxã¨jQueryã®èª¬æ˜Žã¯ä¸è¦ã¨ã—ã¦ã€pushStateã¨ã¯ãªã‚“ãžã‚„ã€‚ pushStateã‚’ä½¿ã£ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ã«å¯¾ã™ã‚‹æ“ä½œã‚’ã—ã€HTMLã®ä¸€éƒ¨ã®ã¿ã‚’æ›¸ãæ›ãˆã‚‹å‹•ä½œã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®æˆ»ã‚‹ï¼é€²ã‚€æ©Ÿèƒ½ã‚’å®Ÿç¾ã§ãã‚‹æ–¹æ³•ã®ã²ã¨ã¤ã€‚Ajaxãªãƒšãƒ¼ã‚¸ã‚’å†ç¾ã—ã€ã‹ã¤URLã‚’è¦‹æ…£ã‚ŒãŸæ–¹æ³•ã§è‡ªç„¶ã«permalinkã‚’è¡¨ç¾ã§ãã‚‹ã€‚ æœ‰åãªã¨ã“ã‚ã§ã¯GitHubã§ä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã€‚ hash fragment (/#!/) ãƒ–ãƒ©ã‚¦ã‚¶ã®å±¥æ´ã‚’æ©Ÿèƒ½ã•ã›ã‚‹ãŸã‚ã€URL ã® fragment (#) ã‚’ä½¿ã£ã¦Ajaxãªãƒšãƒ¼ã‚¸ã‚’å®Ÿç¾ã™ã‚‹æ–¹æ³•ã€‚ä¸€æ™‚æœŸã‚‚ã¦ã¯ã‚„ã•ã‚ŒãŸæ„ŸãŒã‚ã‚‹ãŒã€ã•ã‚‰ãªã‚‹ã€Œ#!ã€URLæ‰¹åˆ¤ - karasuyamatenguã®æ—¥è¨˜ ãªã©åˆç†çš„ãªåè«–ãŒã‚ã‚Šã€ã“ã‚Œã‹ã‚‰å°Žå…¥ã™ã‚‹ã®ã¯ãŸã‚ã‚‰ã‚ã‚Œã‚‹ã¨ã“ã‚ã€‚ æœ‰åãªã¨ã“ã‚ã§ã¯Twitterã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ã®åŽ„ä»‹è€…ã€‚ pjaxã¨ã¯ pjax
sometk 2011/11/18
1111

Ajax

github

javascript

js

pjax

jquery

pushState

HTML5

web
ãƒªãƒ³ã‚¯
1