[B! js] take-itã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

take-it id:take-it

jsã«é–¢ã™ã‚‹take-itã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (59)

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

Vue.jsã§ã§ãã‚‹ã“ã¨8é¸ã€‚å‡„ã•ãŒåˆ†ã‹ã‚‹å®Ÿç”¨ä¾‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆé›† - Workship MAGAZINE(ãƒ¯ãƒ¼ã‚¯ã‚·ãƒƒãƒ—ãƒžã‚¬ã‚¸ãƒ³)
æœ€ã‚‚ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã²ã¨ã¤ã«ã€Vue.jsãŒã‚ã‚Šã¾ã™ã€‚ Vue.jsã‚’ä½¿ãˆã°è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚‚æ¯”è¼ƒçš„ç°¡å˜ã«æ§‹ç¯‰ã§ãã€ã™ã§ã«HTML/CSSã‚„JavaScriptã®çŸ¥è˜ãŒã‚ã‚‹ãªã‚‰ã°ãã‚Œã»ã©å¦ç¿’ã‚³ã‚¹ãƒˆã‚‚ã‹ã‹ã‚Šã¾ã›ã‚“ã€‚ Vue.jsã¯ä¸€æžšæ¿ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯é•ã„ã€éƒ¨åˆ†ã”ã¨ã«å°‘ã—ãšã¤é©ç”¨ã§ãã€ã¾ãŸä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ç”¨ã§ãã¾ã™ã€‚é«˜ã„æŸ”è»Ÿæ€§ã‚’ã‚‚ã¡ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§ã®å¯èƒ½æ€§ã‚’åºƒã’ã¦ãã‚Œã‚‹ã®ã§ã™ã€‚ ã§ã¯ã“ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã†ã“ã¨ã§ã€ã©ã‚“ãªã“ã¨ãŒã§ãã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ã“ã®è¨˜äº‹ã§ã¯CodePenã®ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã‹ã‚‰åŽ³é¸ã—ãŸã€ãƒ‘ãƒ¯ãƒ•ãƒ«ã§æ€ã‚ãšç›®ã‚’å¼•ã8ã¤ã®å®Ÿç”¨ä¾‹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ 1. ã‚«ãƒ¼ã‚½ãƒ«ã§ç·šã‚’æã ä»¥ä¸‹ã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã‚ˆã†ã«ã€Vue.jsã‚’ä½¿ãˆã°é€šå¸¸ã®ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã‚’è¶…ãˆãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªUIãŒä½œæˆã§ãã¾ã™ã€‚ ã‚¹ã‚¯ãƒª
take-it 2021/07/15
ã‚ã¨ã§èªã‚€

js

Vue.js
ãƒªãƒ³ã‚¯
Wordpressã®MW WP Formã®æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã®åˆ¶é™ã«ã¤ã„ã¦
WordPressã¯ã€PHPã§é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ–ãƒã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ã«ã¯MySQLã‚’ç”¨ã„ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ã®ãƒ–ãƒã‚°ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ä¸ã§ã¯æœ€ã‚‚äººæ°—ãŒé«˜ãã€PHPã¨HTMLã‚’ä½¿ã£ã¦ç°¡å˜ã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
take-it 2020/07/28
wordpress

js
ãƒªãƒ³ã‚¯
Vue.js ã„ã‚ã„ã‚ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
take-it 2017/12/16
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

js

UI
ãƒªãƒ³ã‚¯
Animocons: Animated Icons with mo.js | Codrops
animocons Animated Icons with mo.js Animated icons powered by Oleg Solomka's motion graphics library mo.js and inspired by this Dribbble shot by Daryl Ginn 3 10 If you enjoyed this demo you might also like: Animated SVG Icons Shape Hover Effect with SVG
take-it 2016/02/25
js

animation
ãƒªãƒ³ã‚¯
Chart.js
New in 4.0 Colors plugin Default palette of Chart.js brand colors is available as a built-in time-saving zero-configuration plugin.
take-it 2015/06/07
ã‚°ãƒ©ãƒ•

js
ãƒªãƒ³ã‚¯
2è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹InstantClick.io - atskimura-memo
Before visitors click on a link, they hover over that link. Between these two events, 200 ms to 300 ms usually pass by (test yourself here). å¼•ç”¨ï¼šInstantClick â€” JS library to make your website instant ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ã‹ã‚‰ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§ã«ã¯200msã‹ã‚‰300msã»ã©æ™‚é–“ãŒã‹ã‹ã‚‹ãã†ã§ã™ã€‚å®Ÿéš›ã“ã®ãƒ†ã‚¹ãƒˆãƒšãƒ¼ã‚¸ã§ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã‚‹ã¨Macã®ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã ã¨ã•ã‚‰ã«é…ã500msãã‚‰ã„ã‹ã‹ã£ã¦ã¾ã—ãŸã€‚ InstantClick.ioã¯ãã®é–“ã«è£ã§ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ã¦å‹æ‰‹ã«ãƒªãƒ³ã‚¯ã‚’pjaxåŒ–ã—ã¦ã—ã¾ã†ã¨ã„ã†é«˜é€ŸåŒ–ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯Rails4ã®turbolinksã¨ä¼¼ã¦ã¾ã™
take-it 2014/02/21
webåˆ¶ä½œ

js

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã£ã¦ã€è‡ªã‚µã‚¤ãƒˆã§ã®ã€Œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€ã®äººæ°—è¨˜äº‹ä¸€è¦§ã‚’è¡¨ç¤ºã™ã‚‹
ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã€Œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€ã€‚ã“ã“ã§è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®è¨˜äº‹ãŒã©ã‚Œã ã‘ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã•ã‚Œã¦ã„ã‚‹ã‹ã‚ã‹ã‚‹ã®ã§ã™ãŒã€ ãã‚Œã‚’ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãŒå¤šã„é †ã§ä¸¦ã¹ã‚‹æ–¹æ³•ã‚’JSã§è©¦ã—ãŸã®ã§ã€ã”ç´¹ä»‹ã§ã™ã€‚ æ—¢å˜ã®ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ ã‚ã–ã‚ã–JSã‚’ä½¿ã‚ãªãã¦ã‚‚ã€ãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã‚’ä½¿ãˆã° ç°¡å˜ã«è¨ç½®ãŒã§ãã‚‹ã®ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æŸ”è»Ÿæ€§ã«ã¯ã‹ã‘ã‚‹ã®ã§JSã§ç°¡å˜ã«ã§ããªã„ã‹ãªã¨æ€ã£ãŸæ¬¡ç¬¬ã§ã™ã€‚ä»¥ä¸‹ãŒãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã‚’è¨ç½®ã—ãŸã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã¯ã¦ãƒ–äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ãƒ‘ãƒ¼ãƒ„ã§è¨ç½® APIã‚’å‘¼ã³å‡ºã™ ã¾ãšã¯ãã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’å–å¾—ã™ã‚‹APIã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãŒä»¥ä¸‹ã«ãªã‚Šã¾ã™ã€‚ http://b.hatena.ne.jp/entrylist/json?sort=count&url=[ã‚µã‚¤ãƒˆã®URL]&callback=hatebuCallback [ã‚µã‚¤ãƒˆã®URL]ã«è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã®ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ã€‚callbackã®å¾Œã‚ã¯ã‚ã¨ã§æ›¸ãJSã®fun
take-it 2013/01/24
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

js

jQuery
ãƒªãƒ³ã‚¯
PHP & JavaScript Room
Windows OS ã« PHPã¨Apacheã‚µãƒ¼ãƒãƒ¼ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ï½ž php.iniã®è¨å®šã¾ã§ã€ ãƒ‘ã‚½ã‚³ãƒ³ã§PHPã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã®æ‰‹é †ã‚’å›³è§£ã€‚ .htaccessã®æŒ‡å®šæ–¹æ³•ã€ä½¿ç”¨é »åº¦ã®é«˜ã„PHPé–¢æ•°ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§è§£èª¬ã€‚ Tipsã§ã¯å®Ÿç”¨çš„ãªè‡ªä½œé–¢æ•°ã‚’ç´¹ä»‹ã€‚ JavaScriptã®åŸºæœ¬ï½žå®Ÿç”¨çš„ãªé–¢æ•°ã¾ã§ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§è§£èª¬ã€‚ ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦æ“ä½œã€é€£å‹•ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã€å…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼ˆæ£è¦è¡¨ç¾å«ã‚€ï¼‰ãªã©ã€ ã‚µã‚¤ãƒˆåˆ¶ä½œã«ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã€‚ã‚³ãƒ”ãƒšã§ä½¿ãˆã¾ã™ã€‚ JavaScriptã§DOMï¼ˆDocument Object Modelï¼‰ã®ãƒ¡ã‚½ãƒƒãƒ‰ãƒ»ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ä½¿ã£ã¦ãƒšãƒ¼ã‚¸ä¸Šã®ãƒŽãƒ¼ãƒ‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚è¿½åŠ ã—ã¾ã—ãŸã€‚ Ajax ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã§ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªAjaxã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§è§£èª¬ã€‚ HTML5 æ¬¡ä¸–ä»£HTMLæ¨™æº–ã¨ãªã‚‹HTML5ã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼HTML5ã®ã‚¿ã‚°ãƒªãƒ•
take-it 2011/10/05
jQuery

js

JavaScript
ãƒªãƒ³ã‚¯
å®Ÿè£…ãŒç°¡å˜ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„å‹æ‰‹ã‚’å‘ä¸Šã•ã›ã‚‹JS 3ç¨®
Webå±‹ã®ç§ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆ65 | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ ã®ã€CSSã‚“ã¨ã“ã‚ã«ã¡ã‚ƒã£ã‹ã‚Šã€CSS HappyLife ZERO ãŒè¼‰ã£ã¦ã¦å¬‰ã—ã„ï¼žï¼œ ã•ã¦ã€ä»Šå›žã¯ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚ ãŠå•åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹è³‡æ–™è«‹æ±‚ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¯çµæ§‹ãªç¢ºçŽ‡ã§ä½•ã‚‰ã‹ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒæœ‰ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„å‹æ‰‹ã®è‰¯ã—æ‚ªã—ãŒã€ã¨ã¦ã‚‚é‡è¦ãªã®ã¯è¨€ã†ã¾ã§ã‚‚æœ‰ã‚Šã¾ã›ã‚“ã€‚ ã§ã‚‚ã¾ãã€ãƒ“ãƒŸãƒ§ãƒ¼ãªãƒ•ã‚©ãƒ¼ãƒ ãŒå¤šã„ã§ã™ã‚ˆãã€‚ æœ¬æ°—ã§ã‚„ã‚Šå‡ºã™ã¨ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã«æ‰‹ã‚’åŠ ãˆãŸã‚Šã—ã¦äº‘ã€…ã ã¨å¤§å¤‰ãªã®ã§ã€ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹ã¨ã‹ã§å‡ºæ¥ãªã„å ´åˆã‚‚æœ‰ã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§å‡ºæ¥ã‚‹ã“ã¨ã‚‚æœ‰ã‚‹ã®ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ä½•äº‹ã‚‚ãªã‹ã£ãŸã‹ã®ã‚ˆã†ã«æ¥µã€…è‡ªç„¶ã¨ä½¿ã„å‹æ‰‹ãŒè‰¯ããªã‚‹ï¼ˆã ã‚ã†ï¼‰æ©Ÿèƒ½ã‚’ç››ã‚Šè¾¼ã‚“ã ã‚‰ã‚¹ãƒ†ã‚ã§ã™ã‚ˆãã€‚ãã£ã¨ã€‚ ã—ã‚Œã£ã¨ã‚³ãƒ¼ãƒ€ãƒ¼ãŒã€ãƒ•ã‚©ãƒ¼ãƒ ã«ä»Šå›žç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ãŠã‘ã°ã€ŒãŠãƒ¼ï¼
take-it 2011/07/16
webãƒ‡ã‚¶ã‚¤ãƒ³

jquery

js

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¯ã‚³ãƒ¼ãƒ«ãƒ»Wacoalï½œå¥³æ€§ä¸‹ç€ï¼ˆãƒ–ãƒ©ã‚¸ãƒ£ãƒ¼ãƒ»ã‚·ãƒ§ãƒ¼ãƒ„ï¼‰ãƒ¯ã‚³ãƒ¼ãƒ«å…¬å¼ã‚µã‚¤ãƒˆ
å°ãƒ»ä¸å¦ç”Ÿã®å¥³åã®ãŠæ‚©ã¿è§£æ±ºã€‚ã‚ªãƒˆãƒŠã®ã‚«ãƒ©ãƒ€ã«ãªã£ã¦ã„ãå¥³ã®åã®ãŸã‚ã®ç›¸è«‡åºƒå ´ã€Œã‚¬ãƒ¼ãƒ«ã‚ºã°ã§ãªã³ã€æ›´æ–°ï¼æ˜¥ã®ã‚¤ãƒã‚ªã‚·å…¬é–‹â˜† >
take-it 2011/05/22
Flashã‹ã¨æ€ã„ãã‚„ã€jsã§ã“ã“ã¾ã§å‡ºæ¥ã‚‹ã€‚

å¥³æ€§

webåˆ¶ä½œ

js
ãƒªãƒ³ã‚¯
5509.me
This domain may be for sale!
take-it 2011/04/26
wordpress

ajax

æ¤œç´¢

js

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
ã€ŽiPhoneã‚µã‚¤ãƒˆã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ç°¡å˜ã«ãƒ•ãƒªãƒƒã‚¯æ“ä½œå¯¾å¿œã•ã›ã‚‹ã€
æœ¬ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹Webåˆ¶ä½œã®å°æŠ€ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ä½œæˆã§ã¡ã‚‡ã£ã¨ã—ãŸã“ã¨ã‚’å‚è€ƒæ›¸ã‚’è²·ã‚ãšã«è§£æ±ºã™ã‚‹æ–¹æ³•ã‚’PHP CSS Webãƒ‡ã‚¶ã‚¤ãƒ³ jQuery Flashã‚’ä¸å¿ƒã«ä¾¿åˆ©ãªæŠ€ã‚’ã¾ã¨ã‚ã¦ã„ãã¾ã™ï¼ç¾åœ¨ã€é•·é‡ŽçœŒé•·é‡Žå¸‚ã®åˆ¶ä½œä¼šç¤¾ã§Webä½œæˆä¸ï¼ iPhoneã‚µã‚¤ãƒˆã§ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚’ãƒ•ãƒªãƒƒã‚¯æ“ä½œã«å¯¾å¿œã•ã›ã‚‹â€»iPhoneã§è¦‹ã¦ãã ã•ã„ ãƒ•ãƒªãƒƒã‚¯å¯¾å¿œã®ãƒ‡ãƒ¢ã¯ã“ã¡ã‚‰ å…ˆæœˆã€iPhoneã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é›†ã‚ãŸiPhoneãƒ‡ã‚¶ã‚¤ãƒ³ãƒœãƒƒã‚¯ã‚¹ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ åéŸ¿ã¯ã™ã”ãã‚ã‚Šã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ–ãƒã‚¬ãƒ¼ã®ãƒã‚¿å¸³ã•ã‚“ã‚„Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ã•ã‚“ã€PHPSPOTke-tai.orgã•ã‚“ãªã©å¤šãã®æ–¹ã«ç´¹ä»‹ã—ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ãƒˆã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ç°¡å˜ãªæ–¹æ³•ã¨ã—ã¦ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®jQueryMobileã‚’ä½¿ã†æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ç§ã¯ã€æœ€åˆã‹ã‚‰æ¥½ã‚’ã™ã‚‹ã®ãŒå¥½ãã§ã¯ãªã„ã®ã§è‡ª
take-it 2011/03/30
iPhone

jQuery

js

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
headè¦ç´ ã«èªã¿è¾¼ã‚€ã¹ãå”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€Œheadjsã€ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ ã€ŒModernizrã€ã‚„ã€Œhtml5.jsã€ç‰ã€ ãƒ¢ãƒ€ãƒ³ãªç’°å¢ƒã®ç‚ºã®ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¤šã€…ã‚ã‚Šã¾ã™ãŒã€ ã€Œheadjsã€ã¯ãã‚“ãªå½¼ã‚‰ã®ä»•äº‹ã‚’ä¸€æ°—ã«å¼•ãå—ã‘ã¦ãã‚Œã‚‹åƒãè€…ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ ä½¿ã„æ–¹ Head JS :: The only script in your HEAD è¬³ã„æ–‡å¥ã¯headè¦ç´ ã«èªã¿è¾¼ã‚€å”¯ä¸€ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦èªã¿è¾¼ã‚€ã ã‘ã€‚ãŠã—ã¾ã„ã€‚ <script type="text/javascript" src="head.js"></script> ãã®å¤šå½©ãªæ©Ÿèƒ½ ç’°å¢ƒã®åˆ¤åˆ¥ CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å¯¾å¿œçŠ¶æ³ã€ç”»é¢ã®ã‚µã‚¤ã‚ºã€ãƒ–ãƒ©ã‚¦ã‚¶ãªã©ã®æƒ…å ±ã‚’ Modernizrã¨åŒã˜æ‰‹æ³•ã§HTMLè¦ç´ ã®ã‚¯ãƒ©ã‚¹ã«å‡ºåŠ›ã—ã¦ãã‚Œã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã«â€¦ <html lang="ja" id="test-page" class="
take-it 2011/03/10
ã™ã”ãã†ã€‚

js

ä¾¿åˆ©

html5

javascript

css3

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°è¡Œã®ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ã‚’ãã‚Œãžã‚ŒåŒã˜é«˜ã•ã«æƒãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ãŸãƒœãƒƒã‚¯ã‚¹ãªã©ã€ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ãŒæ•°å¤šãã‚ã£ã¦ã‚‚å…¨ã¦ã®é«˜ã•ã‚’ç‰ã—ãæƒãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Equal Height Blocks in Rows ä¸€è¡Œç›®ã¨äºŒè¡Œç›®ã§ã¯ã€é•ã†é«˜ã•ã§æƒãˆã¦ã„ã‚‹ã“ã¨ã«æ³¨ç›®ã—ã¦ãã ã•ã„ã€‚ [ad#ad-2] ãƒ‡ãƒ¢ã§ã¯ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ï¼ˆã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ªãƒ•æ™‚ï¼‰ãŒã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã‚ˆã£ã¦è¡Œã”ã¨ã«åŒã˜é«˜ã•ã«ç‰ã—ãæƒãˆã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£…ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ãªã£ãŸã®ã¯ã€ã€ŒMaking DIVs, using the CSS "Float Left" property...ã€ã¨ã®ã“ã¨ã§ã€ãã®divè¦ç´ ãŒã©ã®æ¨ªåˆ—ã«å±žã—ã¦ã„ã‚‹ã‹èª¿ã¹ã€ãã®ä¸ã§ä¸€ç•ªé«˜ã„ã‚‚ã®ã«æƒãˆã¦ã„ã¾ã™ã€‚ [ad#ad-2] å®Ÿè£…æ–¹æ³• HTML ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã§ãã‚‹divè¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ <div id="page-wrap"> <div></div> <div>
take-it 2011/02/15
ã‚ã¾ã‚Šã«ç°¡å˜ã«ã§ãã¦æ‹åæŠœã‘ã—ãŸã€‚ã€‚ã€‚

js

javascript

webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
éƒ½é“åºœçœŒã¨ä¸»ãªå¸‚ç”ºæ‘ã®é€£å‹•ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ - æŠ€è¡“ã„ã‚ã„ã‚ @ ã‚¦ã‚£ã‚
éƒ½é“åºœçœŒã¨ä¸»ãªå¸‚ç”ºæ‘ã®é€£å‹•ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ <SCRIPT LANGUAGE=JavaScript> <!-- function changePref(b) { if (document.formMain.pref.selectedIndex == 0) { document.formMain.city.length = 1; document.formMain.city.selectedIndex = 0; } else { if (b) { document.formMain.city.length = 1; document.formMain.city.selectedIndex = 0; } var city = cities[document.formMain.pref.selectedIndex - 1]; document.formMain.city.length = cit
take-it 2010/12/19
çµžã‚Šè¾¼ã¿æ¤œç´¢ã§ãã‚‹jsã€‚

webåˆ¶ä½œ

js
ãƒªãƒ³ã‚¯
èŠ±çŽ‹ ã‚½ãƒ•ã‚£ãƒ¼ãƒŠã€€ã‚½ãƒ•ã‚£ãƒ¼ãƒŠãƒœãƒ¼ãƒ†ã€€TOP
æ—¥é ƒã‚ˆã‚Šã€Œã‚½ãƒ•ã‚£ãƒ¼ãƒŠ ãƒœãƒ¼ãƒ†ã€€é«˜ä¿æ¹¿UVä¹³æ¶²ã‚·ãƒªãƒ¼ã‚º/é«˜ä¿æ¹¿UVä¹³æ¶²ï¼œç¾Žç™½ï¼žã‚·ãƒªãƒ¼ã‚º ã€ã‚’ã”æ„›é¡§ã„ãŸã ãã€èª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã“ã®åº¦ã€èª ã«å‹æ‰‹ãªãŒã‚‰ã€Œã‚½ãƒ•ã‚£ãƒ¼ãƒŠ ãƒœãƒ¼ãƒ†ã€€é«˜ä¿æ¹¿UVä¹³æ¶²ã‚·ãƒªãƒ¼ã‚º/é«˜ä¿æ¹¿UVä¹³æ¶²ï¼œç¾Žç™½ï¼žã‚·ãƒªãƒ¼ã‚ºã€ã¯ã€2025å¹´1æœˆ31æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦è²©å£²ã‚’çµ‚äº†ã•ã›ã¦ã„ãŸã ãã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã”æ„›å¥½ã®ãŠå®¢æ§˜ã«ã¯ã€ã”ä¸ä¾¿ãƒ»ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã™ã‚‹ã“ã¨ã‚’æ·±ããŠè©«ã³ç”³ã—ä¸Šã’ã¾ã™ã€‚ ãªãŠã€åœ¨åº«ãŒãªããªã‚Šæ¬¡ç¬¬ã€è²©å£²çµ‚äº†ãŒæ—©ã¾ã‚‹å¯èƒ½æ€§ãŒã”ã–ã„ã¾ã™ã“ã¨ã‚’äºˆã‚ã”äº†æ‰¿ãã ã•ã„ã€‚ ã¾ãŸã€My Kao Mallã§ã¯è²©å£²ã‚’ã—ã¦ãŠã‚Šã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚ˆã‚Šã”è³¼å…¥å¯èƒ½ã§ã”ã–ã„ã¾ã™ã€‚ SOFINA beauteï¼ˆã‚½ãƒ•ã‚£ãƒ¼ãƒŠ ãƒœãƒ¼ãƒ†ï¼‰å•†å“ä¸€è¦§ | èŠ±çŽ‹å…¬å¼é€šè²© ã€My Kao Mallã€‘ ã“ã¡ã‚‰ã‚‚åœ¨åº«ãŒãªããªã‚Šæ¬¡ç¬¬ã€è²©å£²çµ‚äº†ãŒæ—©ã¾ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã“ã¨ã‚’äºˆã‚ã”äº†æ‰¿ãã ã•ã„ã€‚ ç™ºå£²ä»¥æ¥ã”æ„›é¡§ã„ãŸã ãã¾ã—ãŸã“ã¨ã«å¿ƒ
take-it 2010/10/26
ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã¨ã‹ã¯ã¯ã£ãã‚Šè¨€ã£ã¦é¬±é™¶ã—ãã¦å«Œã„ãªã‚“ã ãŒã€å•†å“ã¨ã‚‚ã‚ã£ã¦ã‚‹ã‹ã‚‰ã ã‚ã‹ã€ã“ã‚Œã¯çã—ãè‰¯ã„ã€‚ãƒ•ãƒ«Flashã‚ˆã‚Šã„ã‚ã„ã‚éƒ½åˆã‚ˆã•ãã†ã€‚

Webãƒ‡ã‚¶ã‚¤ãƒ³

js
ãƒªãƒ³ã‚¯
HTMLã‚‚CSSã‚‚æ›¸æ›ä¸è¦ï¼æ°—æŒã¡ã„ã„ã‚¹ã‚¯ãƒãƒ¼ãƒ« (2/5)
ä»Šå›žä½¿ç”¨ã™ã‚‹ã®ã¯ã€Œdf Smooth Scrollã€ã¨ã„ã†å°‚ç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãƒšãƒ¼ã‚¸å†…ã®ã‚¢ãƒ³ã‚«ãƒ¼å…ˆã«ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯çµæ§‹ãªæ•°ã‚ã‚Šã¾ã™ãŒã€ä»–ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ä½µç”¨ã™ã‚‹ã¨æ£ã—ãå‹•ä½œã—ãªã„ã‚‚ã®ãŒã»ã¨ã‚“ã©ã§ã™ã€‚df Smooth Scrollã®å ´åˆã¯ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨çµ„ã¿åˆã‚ã›ã¦ã‚‚æ£å¸¸ã«å‹•ä½œã—ãŸã®ã§ã€ä»Šå›žä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãã‚Œã§ã¯ã€df Smooth Scrollã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ä½¿ç”¨ã™ã‚‹æº–å‚™ã«å–ã‚Šã‹ã‹ã‚Šã¾ã—ã‚‡ã†ã€‚df Smooth Scrollã¯ã€ä»¥ä¸‹ã®URLã‹ã‚‰ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ http://www.dezinerfolio.com/2007/08/08/df-javascript-smooth-scroll/ å°‘ã—ãƒšãƒ¼ã‚¸ã®ä¸‹ã«ç§»å‹•ã—ãŸã¨ã“ã‚ã«ã‚ã‚‹ã€ŒDownloadã€ã®ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ [1]ã€‚Internet Explorerï¼ˆIEï¼‰
take-it 2010/09/06
js

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
29åˆ†ã§ã§ãã‚‹ï¼ ã‚ã®ã‚µã‚¤ãƒˆã®â€œæŠ€â€ã‚’ç›—ã‚
ã€Œãƒ—ãƒãŒä½œã£ãŸWebã‚µã‚¤ãƒˆã®ã‚ã®â€œæŠ€â€ã‚’ã‚¦ãƒã®ã‚µã‚¤ãƒˆã§ã‚‚ï¼ˆãã‚Œã‚‚ã‚¿ãƒ€ã§ï¼‰ãƒžãƒã—ãŸã„ï¼ã€â€•â€•ã€‚ãã‚“ãªæ¬²æ±‚ã«å¿œãˆã¦ãã‚Œã‚‹ JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã€ãƒãƒƒãƒˆä¸Šã«ã¯ãŸãã•ã‚“å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®é€£è¼‰ã§ã¯ã€å›½å†…å¤–ã®å•†ç”¨ã‚µã‚¤ãƒˆã®å„ªã‚ŒãŸUIã‚’ãŠæ‰‹æœ¬ã«ã—ã¦ã€ãªã‚‹ã¹ãã‚«ãƒ³ã‚¿ãƒ³ã«ã€æ‰‹é–“ã‚’ã‹ã‘ãšã«è‡ªåˆ†ã®Webã‚µã‚¤ãƒˆã‚’ãƒ–ãƒ©ãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ã—ã¦ã„ãæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
take-it 2010/09/06
webåˆ¶ä½œ

ã¾ã¨ã‚

javascript

ajax

js

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
jQueryã‚’åˆ©ç”¨ã—ãŸã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨ç½®
jQueryã‚’åˆ©ç”¨ã—ãŸã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¨ç½®ã—ã¦ã¿ã¾ã™ã€‚ã‚¿ãƒ–ã¯è¨å®šã—ãŸé–“éš”ã§è‡ªå‹•ã«ç§»å‹•ã—ã¾ã™ã€‚ã‚½ãƒ¼ã‚¹ã¯ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ãŒç”»åƒã‚„CSSãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚µãƒ³ãƒ—ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚ã‚‹ã®ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãŠä½¿ã„ãã ã•ã„ã€‚ bodyéƒ¨åˆ†ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ã‚¿ãƒ–ã®æ•°ã¯è‡ªç”±ã«å¤‰æ›´ã§ãã¾ã™ã€‚ <div id="rotate"> <ul> <li><a href="#fragment-1"><span>Section 1</span></a></li> <li><a href="#fragment-2"><span>Section 2</span></a></li> <li><a href="#fragment-3"><span>Section 3</span></a></li> <li><a href="#fragment-4"><span>Section 4</span></a></li> <li><a href="#
take-it 2010/08/07
jQuery

ã‚¿ãƒ–

JavaScript

js

UI

ã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ãƒªãƒ³ã‚¯
selectãƒœãƒƒã‚¯ã‚¹ã‚’ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã«æ‹¡å¼µã™ã‚‹jQselectable(jQuery.selectable.js) :: 5509
ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’åŠ‡çš„ã«å‘ä¸Šã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§jQuery.selectable.jsã‹ã‚‰jQselectableã«åå‰ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã¿ã‚‹ ãƒˆãƒ”ãƒƒã‚¯ã‚¹ ç‰¹å¾´ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ å°Žå…¥æ–¹æ³• ã‚¹ã‚¿ã‚¤ãƒ« æ‹¡å¼µ è¡¨ç¤ºå½¢å¼ selectable simpleBox ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ é€æ˜Žåº¦ ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ä½ç½®ã®èª¿æ•´(å°‘ã—é«˜åº¦ãªè¨å®š) ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã®é«˜ã• ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ç‹¬è‡ªã®selectãƒœãƒƒã‚¯ã‚¹ã«é©ç”¨ã•ã›ã‚‹ idã€classã®å¼•ç¶™ãŽ æ—¥ä»˜ã§ä½¿ã† Callbacké–¢æ•°ã‚’ä½¿ã† å‹•çš„ã«selectè¦ç´ ã®DOMã‚’æ›¸ãæ›ãˆã‚‹å ´åˆï¼ˆrebuildãƒ¡ã‚½ãƒƒãƒ‰ï¼‰ ã‚µãƒ³ãƒ—ãƒ« æ›´æ–°å±¥æ´ãƒ»è¿½è¨˜ å‹•ä½œç’°å¢ƒ ç‰¹å¾´ selectãƒœãƒƒã‚¯ã‚¹ã®é¸æŠžã£ã¦ã‚¤ãƒ©ã‚¤ãƒ©ã—ãªã„ã§ã™ã‹ï¼ŸjQselectabeã‚’ä½¿ãˆã°è§£æ±ºã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä»¥ä¸‹ãŒä¸»ãªç‰¹å¾´ã«ãªã‚Šã¾ã™ã€‚ ã‚»ãƒ¬ã‚¯ãƒˆãƒœãƒƒã‚¯ã‚¹ã®é¬±
take-it 2010/08/04
ã‚€ã¡ã‚ƒã‚“ã“ä½¿ã„ã‚„ã™ã„ã‹ã‚‰ã€ã¿ã‚“ãªå®Ÿè£…ã™ã‚‹ã¨ã„ã„ã¨æ€ã†ã€‚

ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³

jQuery

js

JavaScript

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸