[B! JavaScript][UI] pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

pmakino id:pmakino

JavaScriptã¨UIã«é–¢ã™ã‚‹pmakinoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (295)

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

æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã¨ã®ç›¸æ€§ã‚’è€ƒæ…®ã—ãŸç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹
+1 ãƒœã‚¿ãƒ³ 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google ã‚¢ã‚·ã‚¹ã‚¿ãƒ³ãƒˆ 1 Google ãƒ‹ãƒ¥ãƒ¼ã‚¹ 1 Google ãƒ—ãƒ¬ã‚¤ã‚¹ 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 ã‚¤ãƒ™ãƒ³ãƒˆ 25 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ 57 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ã‚¯ã‚¤ã‚º 2 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ„ãƒ¼ãƒ« 83 ã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼ãƒ•ã‚©ãƒ¼ãƒ©ãƒ 10 ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆ 1 ãŠçŸ¥ã‚‰ã› 69 ã‚¯ãƒãƒ¼ãƒ«ã¨ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ 75 ã‚µã‚¤ãƒˆã‚¯ãƒªãƒ‹ãƒƒã‚¯ 4 ã‚µã‚¤ãƒˆãƒžãƒƒãƒ— 15 ã—ã”ã¨æ¤œç´¢ 1 ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ 11 ã‚»ãƒ¼ãƒ•ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚° 5 ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ 1
pmakino 2014/02/23
Google

SEO

Webåˆ¶ä½œ

UI

JavaScript
ãƒªãƒ³ã‚¯
GoogleãŒæŽ¨å¥¨ã™ã‚‹SEOã«é©ã—ãŸç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ§‹æˆæ–¹æ³•
[å¯¾è±¡: ä¸Šç´š] Googleã¯è‹±èªžç‰ˆã‚¦ã‚§ãƒ–ãƒžã‚¹ã‚¿ãƒ¼å‘ã‘å…¬å¼ãƒ–ãƒã‚°ã§ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãŒå‡¦ç†ã—ã‚„ã™ã„ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ˆInfinite Scrollï¼‰ã®æŽ¨å¥¨æ§‹æˆã‚’èª¬æ˜Žã—ã¾ã—ãŸã€‚ ç´°ã‹ãªè©±ã¯å¾Œå›žã—ã«ã—ã¦ã€ãã®æŽ¨å¥¨æ§‹æˆã‚’ã•ã£ããæ—¥æœ¬èªžã§ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠé€ä¸€ã®è¨³ã§ã¯ãªãã€ç†è§£ã—ã‚„ã™ãã™ã‚‹ãŸã‚ã«è¡¨ç¾ã‚„æ§‹æˆã‚’åŽŸæ–‡ã¨ã¯å¤šå°‘å¤‰ãˆã¦ã‚ã‚Šã¾ã™ã€‚ æ§‹æˆã®æ¦‚è¦ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‹ã‚‰ãƒªãƒ³ã‚¯ã•ã‚Œã¦ã„ã‚‹å€‹ã€…ã®ã‚¢ã‚¤ãƒ†ãƒ ï¼ˆè¨˜äº‹ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãªã©ï¼‰ã‚’æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãŒç¢ºå®Ÿã«ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ã€åˆ©ç”¨ã—ã¦ã„ã‚‹ã‚·ã‚¹ãƒ†ãƒ ãŒã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨ã¨ã‚‚ã«ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã—ãŸãƒšãƒ¼ã‚¸ã‚‚ä½œæˆã§ãã‚‹ã‚ˆã†ã«å¿…ãšã—ã¦ãŠãï¼ˆç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã€1ã¤ã®URLã«åŽã‚ã‚‹ã®ã§ã¯ãªãã€åˆ†å‰²ã—ã¦è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã«åˆ†ã‘ã‚‹ã¨ã„ã†ã“ã¨ï¼‰ã€‚ â€»æ‹¡å¤§ç”»åƒã¯ã‚ªãƒªã‚¸ãƒŠãƒ«ã®URLã§è¡¨ç¤ºã—ã¾ã™ï¼ˆã‚‚ã†1ã¤ã®ç”»åƒã‚‚åŒæ§˜ï¼‰ ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ã€åˆ†å‰²ã—ãŸãƒšãƒ¼ã‚¸ã«å¤‰æ›ã•ã‚Œã‚‹ã“ã¨ã§æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãŒå‡¦ç†ã—ã‚„ã™ããªã‚‹
pmakino 2014/02/23
Google

SEO

Webåˆ¶ä½œ

UI

JavaScript
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã«å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ä½¿ã†ã®ã‚’ã‚„ã‚ã‚
æœ€è¿‘å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã‚‹ã‚µã‚¤ãƒˆã‚’è¦‹ã‚‹ã€‚ ã“ã‚Œã¨ã‹ http://www.apple.com/iphone-5s/ ã“ã‚Œã¨ã‹ http://heteml.jp/ ä»–ã«ã‚‚è‰²ã€…ã€‚ JavascriptãŒãªã‚“ã‹é ‘å¼µã£ã¦ã‚“ã ã‚ã†ã‘ã©ã•ã€ æ£ç›´é¬±é™¶ã—ã„ã‚ˆã€‚ ã‚„ã‘ã«é‡ã„ã—ã€ä½¿ã„ã¥ã‚‰ã„ã—ã€‚ Chromeã ã¨ãƒŒãƒ«ãƒŒãƒ«å‹•ãã£ã¦ï¼Ÿ ã¿ã‚“ãªChromeä½¿ã£ã¦ã‚‹æ€ã£ã¦ãŸã‚‰ã‚¢ã‚«ãƒ³ã§ã»ã‚“ã¾ã€‚ è¿½è¨˜ï¼š ã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨è¨€ã†ãã†ã§ã™ã€‚ ã€Œã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã€ã§ã¯ãªã„ãã†ã§ã™ã€‚ ã¾ãŸã€ã€Œã“ã®å¤‰ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ï¼ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã®ã²ã¨ã¤ã€ã¨è¨€ã†è¨³ã§ã‚‚ãªã„ã¿ãŸã„ã§ã™ã€‚ ã”ã‚ã‚“ãã€ã‚‚ã†ã“ã®è¿½è¨˜æ¶ˆã—ãŸã„æ°—åˆ†ã€‚
pmakino 2014/02/16
Webåˆ¶ä½œ

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

JavaScript

UI
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®labelè¦ç´ ã®ãƒ†ã‚ã‚¹ãƒˆã‚’jQueryã§ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.net
ãƒ•ã‚©ãƒ¼ãƒ ã®lavelè¦ç´ ã‚’HTML5ã® placeholderå±žæ€§ã«ã™ã‚‹ã€ã¨ã„ã† æ–¹æ³•ã€‚jQueryã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ãŒå›ºå®šã•ã‚ŒãŸCMSã®ã‚¹ãƒž ãƒ•ã‚©ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹ã«ã‚ãŸã‚Šã€ çœã‚¹ãƒšãƒ¼ã‚¹åŒ–ã—ãŸã„ã®ã§ã“ã®æ–¹æ³• ã‚’ä½¿ã„ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒå›ºå®šã®CMSã®ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆã§ãƒ•ã‚©ãƒ¼ãƒ çœã‚¹ãƒšãƒ¼ã‚¹åŒ–ã«è¿«ã‚‰ã‚Œã¦ã€labelè¦ç´ ã‚’placeholderå±žæ€§ã«ã™ã‚‹äº‹ã§è½ã¡ç€ãã¾ã—ãŸã€‚æŠ˜è§’ãªã®ã§ãƒ¡ãƒ¢ã€‚ Sample labelè¦ç´ ã‚’placeholderå±žæ€§ã«å½“ã¦ã¦display:none;ã—ã¾ã—ãŸã€‚ $("input").each(function(){ $(this).attr("placeholder", $('label[for='+ $(this).attr('id') +']').text()); }); labelã®forå±žæ€§ã¨ãƒžãƒƒãƒã™ã‚‹idåã®ã¤ã„ãŸinputè¦ç´ ã«placeh
pmakino 2012/10/14
Webåˆ¶ä½œ

UI

jQuery

JavaScript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å¯¾å¿œã®å‚è€ƒã«ã€‚JavaScriptã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã€‚
ã“ã‚“ã«ã¡ã¯ã€‚é–‹ç™ºæ‹…å½“ã®æž—ã§ã™ã€‚ iPhone / iPad ã®ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ã‚‹ã¨ãã€ã‘ã£ã“ã†ãªå‰²åˆã§ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã™ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãã‚ŒãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’æ›¸ãã¾ã™ã€‚ ã¾ãŸã€å¿œç”¨ã§ãƒ”ãƒ³ãƒã‚¤ãƒ³ãƒ»ãƒ”ãƒ³ãƒã‚¢ã‚¦ãƒˆã•ã‚Œã¦ã‚‚ã€è¦‹ãŸç›®ã®ã‚µã‚¤ã‚ºã‚’ç¶æŒã™ã‚‹ã«ã¯ã©ã®ãã‚‰ã„æ‹¡å¤§ã™ã‚Œã°è‰¯ã„ã‹ã¨ã„ã†ã“ã¨ã«ã‚‚è§¦ã‚ŒãŸã„ã¨æ€ã„ã¾ã™ã€‚ åºƒå‘ŠãƒãƒŠãƒ¼ãªã‚“ã‹ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã‚‹ã‚¢ãƒ¬ã®ä»•çµ„ã¿ã§ã™ã€‚ä½•ã‹ã®ãŠå½¹ã«ç«‹ã¦ã‚Œã°å¹¸ã„ã§ã™ã€‚ ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ãŒã©ã®ãã‚‰ã„æ‹¡å¤§ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’å–å¾—ã™ã‚‹ // ãƒšãƒ¼ã‚¸ã®å¹… Ã· è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹å¹…ï¼ˆã“ã®è¡Œã ã‘ã§ã„ã„ã‹ãªï¼‰ var zoomer = document.body.clientWidth / window.innerWidth; // ä»¥ä¸‹ã§æ‹¡å¤§çŽ‡ã‚’ç›®è¦–ã§ãã‚‹ã§ã—ã‚‡ã† alert( zoomer ); // å°æ•°ç‚¹ãŒãŸãã•ã‚“ã¤ãã®ã§ã€ç¬¬äºŒä½ã¾ã§ã«ä¸¸ã‚è¾¼
pmakino 2011/12/18
iPhone

Webåˆ¶ä½œ

ã‚¢ã‚¯ã‚»ã‚¹è§£æž

JavaScript

UI
ãƒªãƒ³ã‚¯
iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ Â» SHINGOLOG
iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿç¾ï¼Web 2.0 TouchãŒå‡„ã™ãŽã‚‹ï¼ 2011å¹´8æœˆ25æ—¥ in iPhone, Web Web 2.0 Touchã¯ã€WebKitã‚¨ãƒ³ã‚¸ãƒ³ä¸Šã§å‹•ä½œã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ 2011/8/22ã«å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®æ¨¡æ§˜ã€‚ iPhoneã‚¢ãƒ—ãƒªã®ã‚ˆã†ãªãƒªãƒƒãƒãªUIã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ç°¡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPhoneãƒ»iPadãƒ»Androidã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ ã©ã‚“ãªå‹•ããŒå‡ºæ¥ã‚‹ã®ã‹ã€ã“ã‚Œã‚’è¦‹ã‚‹ã¨ä¸€ç›®çžç„¶ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ä¸Šä¸‹å·¦å³ã®ãƒ•ãƒªãƒƒãƒ—(ç”»é¢ãŒåè»¢ã™ã‚‹å‹•ã)ã€ãƒãƒƒãƒ—ã‚¤ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ã‚¦ãƒˆã€ä¸Šä¸‹å·¦å³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡ºæ¥ã¾ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤º ãŠé¦´æŸ“ã¿ã®ãƒ†ãƒ¼ãƒ–ãƒ«è¡¨ç¤ºã‚‚ã“ã®é€šã‚Šã€‚è§’ä¸¸ã‚¿ã‚¤ãƒ—ã®ãƒ†ãƒ¼ãƒ–ãƒ«ã‚‚ä½œã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¿ãƒ–è¡¨ç¤ºã€å¹ãå‡ºã— ã‚¿ãƒ–è¡¨ç¤ºã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€è‡ªåˆ†ã§ã¯ã¨ã¦ã‚‚ä½œã‚Œãªã„ã¨ã“ã‚ãªã®ã§ã€éœ€è¦ã‚ã‚Šãã†
pmakino 2011/08/29
Webåˆ¶ä½œ

iPhone

UI

JavaScript
ãƒªãƒ³ã‚¯
ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ã„ã‚„ã™ã„æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒglDatePickerã€:phpspoté–‹ç™ºæ—¥èªŒ
glDatePicker - A simple, customizable, lightweight date picker calendar plugin for jQuery ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½¿ã„ã‚„ã™ã„æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒglDatePickerã€ã€‚ æ¬¡ã®ã‚ˆã†ãªå¤§ãã‚ã§ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ—¥ä»˜ãƒ”ãƒƒã‚«ãƒ¼ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚ˆãã¦ã‚‚å°ã•ãã¦æŠ¼ã—ã¥ã‚‰ã„ã‚‚ã®ã‚ˆã‚Šã‚‚ã‚ˆã•ãã†ã§ã™ã€‚ ç™½é»’ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚CSSãƒ‡ã‚¶ã‚¤ãƒ³ãªã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã‚‚ç°¡å˜ã§ã—ã‚‡ã†ã€‚ $("#date1").glDatePicker();ã¨æ›¸ãã ã‘ã§<input>ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚¯ãƒªãƒƒã‚¯ã ã‘ã§æ—¥ä»˜ã‚’å…¥åŠ›ã§ãã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Mac OS Xã®DateLineé¢¨1è¡Œã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’WEBã‚µã‚¤ãƒˆã«ã‚‚ç°¡å˜å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒDateli
pmakino 2011/08/15
Webåˆ¶ä½œ

JavaScript

jQuery

UI
ãƒªãƒ³ã‚¯
jQueryã§Webã‚µã‚¤ãƒˆå†…ã‚’ç„¡é™ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.net
ã¡ã‚‡ã£ã¨èªžå¼ŠãŒã‚ã‚‹ã‹ã‚‚ã§ã™ã‘ã©ã€ç„¡é™ã« ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡ºæ¥ã‚‹ã‚ˆã†ã«è¦‹ã›ã‚‹ã€ã¿ãŸã„ãª æ–¹æ³•ã§ã™ã€‚ã“ã‚ŒãŒä½•ã®å½¹ã«ç«‹ã¤ã‚“ã§ã™ã‹ ã¨ã‹è¨€ã‚ã‚Œã‚‹ã¨å›°ã£ã¡ã‚ƒã†ã‚“ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ» ã“ã†ã„ã†ã®ãŒã‚ã£ã¦ã‚‚ã„ã„ã‹ãªã¨æ€ã£ãŸã® ã§ã¡ã‚‡ã£ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚å®Ÿè£…ã«ã¯jQuery ã‚’ä½¿ã„ã¾ã™ã€‚ åœŸæ›œæ—¥ãªã®ã§ã¡ã‚‡ã£ã¨ãƒã‚¿çš„ãªè©±é¡Œã§ã™ã€‚ æ•°æ—¥å‰ã«ã€Œã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦ç´ ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã€è¦–å·®åŠ¹æžœï¼ˆãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼‰ã‚’å–ã‚Šå…¥ã‚ŒãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ä¾‹ã¨Tipsã„ã‚ã„ã‚ã€ã£ã¦ã„ã†è¨˜äº‹ã‚’æ›¸ã„ãŸã‚“ã§ã™ãŒã€ã“ã®ä¸ã« App Galaxy by Googleã£ã¦ã„ã†ã‚µã‚¤ãƒˆã¨unfoldã£ã¦ã„ã†ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã—ã¦ã€ã“ã“ãŒç„¡é™ã«ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã¾ã™ã€‚ ã“ã‚Œã‚’å®Ÿè£…ã—ã‚ˆã†ã€ã¨ã„ã†èª°å¾—ãªè©±ã§ã™ã€‚ Sample ä»¥ä¸‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚ Sample ã‚³ãƒ¼ãƒ‰ $(function(){ $("body").height($(window).heig
pmakino 2011/07/24
jQuery

JavaScript

UI

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ã§é«˜æ©Ÿèƒ½ãªæ¬¡ä¸–ä»£æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã§ãã‚‹ã€ŒVisualSearch.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
DocumentCloud's VisualSearch.js ã‚¯ãƒ¼ãƒ«ã§é«˜æ©Ÿèƒ½ãªæ¬¡ä¸–ä»£æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä½œæˆã§ãã‚‹ã€ŒVisualSearch.jsã€ æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã¨ã„ã†ã¨ã©ã®ã‚µã‚¤ãƒˆã‚‚<input type="text">ãŒã‚ã£ã¦CSSã§ä¿®é£¾ã•ã‚Œã¦ã„ãŸã‚Šã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆãŒä»˜ã„ã¦ã„ãŸã‚Šã™ã‚‹ã‚‚ã®ã§ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã¯ãã‚Œã‚‰ã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨é€²åŒ–ã•ã›ãŸã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚æ¤œç´¢æ¡ä»¶ãªã©ç´°ã‹ãã‚’ã„ã‚Œã¦ã‚‚ã‚‰ã†ã‚ˆã†ãªå ´åˆã€ãƒ•ã‚©ãƒ¼ãƒ ãŒå·¨å¤§ã«ãªã£ã¦ã—ã¾ã£ãŸã‚Šã—ã¾ã™ãŒã€ãã®å¿ƒé…ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ï¼‘ã¤ã®æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã§å®Œçµã—ã¾ã™ã€‚ æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚Šã¾ã™ å…¥åŠ›ã™ã‚‹ã¨ãƒ•ã‚£ãƒ«ã‚¿ã®å€™è£œãŒç¾ã‚Œã¾ã™ Enterã§è£œå®Œã•ã‚Œã¾ã™ æ¡ä»¶ã‚’å…¥ã‚Œã¦ã„ãã¾ã™ Ã—ãƒœã‚¿ãƒ³ã§æ¡ä»¶ã¯æ¶ˆã›ã¾ã™ã—ã€æ¡ä»¶ã®ä¸Šã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°ãã®ã¾ã¾ã‚ªãƒ¼ãƒˆã‚³ãƒ³ãƒ—ãƒªãƒ¼ãƒˆãŒèµ°ã‚Šã¾ã™ æ—¥ä»˜ã®æŒ‡å®šãªã©ã‚‚æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ä¸Šã§å®Œçµã•ã›ã‚‰ã‚Œã¾ã™ ã“ã†ã—ãŸæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ãŒåˆã‚ãªã„ã‚µã‚¤ãƒˆã‚‚
pmakino 2011/07/03
Webåˆ¶ä½œ

UI

JavaScript
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹Animated Scroll to Top
ãƒšãƒ¼ã‚¸ã‚’ä¸‹ã«é€²ã‚€ã¨ç¾ã‚Œã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚çµæ§‹ã‚ã‚ŠãŒã¡ã§ã™ãŒã€ã•ã‚Šã’ãªãCSS3ã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚„ã€ç¾ã‚Œã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ—©ã•ãªã©ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã‚„ã™ãã†ãªã¨ã“ã‚ãŒãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ Animated Scroll to Top - web designer wall ã‚½ãƒ¼ã‚¹ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ããã†ãªã¨ã“ã‚ã‚’ç°¡å˜ã«èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ æ¬¡ã«javascriptã®ã¨ã“ã‚ã‚’ã€‚jQueryã‚’Googleã‹ã‚‰èªã¿è¾¼ã‚“ã§ã€ä»¥ä¸‹ã®éƒ¨åˆ†ã‚’è¨˜è¿°ã—ã¦ã„ã¾ã™ã€‚ <script> $(document).ready(function(){ // hide #back-top first $("#back-top").hide(); // fade in #back-top $(function () { $(win
pmakino 2011/05/15
Webåˆ¶ä½œ

JavaScript

jQuery

UI
ãƒªãƒ³ã‚¯
ã‚‚ã†ä»–ã®ã¯è¦ã‚‰ãªã„ã‹ã‚‚ã€ãªã‚¯ãƒ¼ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒTippedã€:phpspoté–‹ç™ºæ—¥èªŒ
ã‚‚ã†ä»–ã®ã¯è¦ã‚‰ãªã„ã‹ã‚‚ã€ãªã‚¯ãƒ¼ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒTippedã€ 2011å¹´04æœˆ11æ—¥- Tipped - The Javascript Tooltip Framework | jQuery & Prototype Tooltips ã‚‚ã†ä»–ã®ã¯è¦ã‚‰ãªã„ã‹ã‚‚ã€ãªã‚¯ãƒ¼ãƒ«ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ä½œæˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒTippedã€ ã“ã‚Œï¼‘ã¤ã§å‡ºå›žã£ã¦ã‚‹ã§ã‚ã‚ã†æ®†ã©ã®ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã¯ä½œã‚Œã‚‹æ°—ãŒã—ã¾ã™ã€‚ã—ã‹ã‚‚å…¨ã¦ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã€‚ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã“ã¨ã§ä»¥ä¸‹ã®ç‚¹ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ ãƒ»ã‚¹ã‚ãƒ³ ãƒ»ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ä½ç½®è¨å®šï¼ˆå·¦å³ä¸Šä¸‹ãªã©ï¼‰ ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’AJAXèªã¿è¾¼ã¿ ãƒ»ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ãƒ»ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯æ©Ÿèƒ½(afterUpdate)ã€ã‚¤ãƒ™ãƒ³ãƒˆ(onHide, onShow) ãƒ»APIã®æä¾› ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’ä»¥ä¸‹ã«ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦æŽ²è¼‰ã€‚ ãã‚Œãžã‚ŒãŒã‚»ãƒ³ã‚¹ãŒã‚ˆãã¦ã©ã‚Œã‚’ã¤ã‹ã£ã¦ã‚‚ã‚ˆã„æ°—ãŒ
pmakino 2011/05/06
JavaScript

Webåˆ¶ä½œ

jQuery

UI
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«ãƒ•ãƒªãƒƒã‚¯ãƒ»ã‚¹ãƒ¯ã‚¤ãƒ—å®Ÿè£…ã§ãã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
â€»ã‚³ãƒ¡ãƒ³ãƒˆã«ã‚‚é ‚ã„ã¦ãŠã‚Šã¾ã™ãŒã€ã“ã®å…¬é–‹ç‰ˆã¯ãƒã‚°ãŒã‚ã‚Šã¾ã™ã®ã§ã€æ‰¿çŸ¥ã®ä¸Šã§ã”åˆ©ç”¨ã«ãªã‚‹ã‹ã€ã”è‡ªèº«ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚Œã‚‹æ–¹ãŒãŠä½¿ã„ãã ã•ã„ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«ãŠã„ã¦ã€å·¦ã®ãƒ ãƒ¼ãƒ“ãƒ¼ã®ã‚ˆã†ãªãƒ•ãƒªãƒƒã‚¯å‹•ä½œãŒã§ãã‚‹ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ï¼ˆãƒ ãƒ¼ãƒ“ãƒ¼ã¯iOSã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã«ã‚ˆã‚‹ãƒ‡ãƒ¢ã§ã™ï¼‰iPhoneãƒ»Androidã§ã”è¦§ã®æ–¹ã¯ãƒ‡ãƒ¢ã«ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ãã ã•ã„ï¼ˆãƒ ãƒ¼ãƒ“ãƒ¼ã¯å†ç”Ÿã•ã‚Œã¾ã›ã‚“ï¼‰ã€‚ ã€ãƒ‡ãƒ¢ã‚’è¦‹ã‚‹ï¼ˆiPhoneãƒ»Androidã§è¦‹ã¦ãã ã•ã„ï¼‰ã€‘ ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‘ ãªãœãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ãŸã‹ æ¨ªå‘ãå¯¾å¿œãŒãƒãƒ¼ãƒ‰ãƒ«ã‚’é«˜ãã™ã‚‹ ã”è‡ªèº«ã§ã“ã®æ‰‹ã®UIã‚’çµ„ã‚“ã çµŒé¨“ãŒã‚ã‚‹æ–¹ã¯ã‚ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€çµ¶å¯¾é…ç½®ï¼ˆposition:absoluteï¼‰ã‚’ä½¿ã£ãŸãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€ã®ã¯ãªã‹ãªã‹æ‰‹ã®è¾¼ã‚“ã ã“ã¨ãŒå¿…è¦ã§ã€ä»Šå¾Œã®ä»•äº‹ã§éƒ½åº¦ã‚¼ãƒã‹ã‚‰UIä½œæˆã‚’è¡Œã†ã®ã¯åŠ¹çŽ‡ãŒæ‚ªããªã£ã¦ã—ã¾ã†ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚
pmakino 2011/05/05
iPhone

jQuery

JavaScript

UI
ãƒªãƒ³ã‚¯
è¶…ã‚«ãƒƒã‚³ã„ã„ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine è¶…ã‚«ãƒƒã‚³ã„ã„ç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°ã‚’jQueryã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« æ™®é€šã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã¨ã„ã†ã¨ javascript ã® confirm ã¨ã‹ã€ãã®ä»– jquery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦å®Ÿè£…ã•ã‚Œã‚‹ã‚‚ã®ãŒå¤šã„ã§ã™ãŒã€ã“ã‚Œã¾ã§è¦‹ãŸãªã‹ã§ã‚‚ã‹ãªã‚Šã®ã‚«ãƒƒã‚³ã‚ˆã•ã®ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚å¯èƒ½ã€‚ ä¸€è¦‹å…¨ã¦ç”»åƒã®ã‚ˆã†ã«ã‚‚è¦‹ãˆã¾ã™ãŒã€CSS3ã‚’ä½¿ã£ã¦ç¶ºéº—ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã“ã‚‰è¾ºã‚‚ã“ã ã‚ã‚ŠãŸã„ã¨ã„ã†æ–¹ã¯å‚è€ƒã«ã—ã¦ã¿ã‚‹ã¨ã‚ˆã•ãã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª åŠ¹æžœéŸ³ä»˜ãã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFloat Dialogã€ ãã®å ´ã§ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªç¢ºèªãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjConfirmAc
pmakino 2011/02/07
JavaScript

jQuery

UI

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã®æ®‹ã‚Šå…¥åŠ›æ–‡å—æ•°ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ m5simpleTextCount :: 5509
ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ã‚¨ãƒªã‚¢ãªã©ã®æ®‹ã‚Šå…¥åŠ›æ–‡å—æ•°ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ä½¿ã„æ–¹ã‚‚ç°¡å˜ã§ã€æŒ‡å®šè¦ç´ ã«å…¥åŠ›æ–‡å—æ•°ã¨ä¸€ç·’ã«å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ« å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ jQueryã¨m5simpleTextCount.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ ä»»æ„ã®è¦ç´ ã«å¯¾ã—ã¦å®Ÿè¡Œã™ã‚‹ ä»»æ„ã®input, textareaã«å¯¾ã—ã¦å®Ÿè¡Œã—ã¾ã™ã€‚ HTML JS jQuery(function($) { $('.simpleTextCount').simpleTextCount({ maxLength: 12 }); }); ã¡ãªã¿ã«m5simpleTextCountã‚’å®Ÿè¡Œã—ãŸinputè¦ç´ ã¯paddingRightã€textareaè¦ç´ ã¯paddingRight, paddingBottomã«é©å½“ãªæ•°å€¤ã‚’å½“ã¦ãŸã»ã†ãŒã„ã„ã¨æ€ã„ã¾ã™ã‚ˆï¼(ãã“ã¯æ‰‹å‹•ã‚„ãã‚“ã§ãƒ»ãƒ»ãƒ» ã‚ªãƒ—ã‚·ãƒ§ãƒ³ ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®š
pmakino 2011/01/30
Webåˆ¶ä½œ

JavaScript

UI

Usability

jQuery
ãƒªãƒ³ã‚¯
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ :: 5509
Ajaxã‚„ã‚¿ãƒ–åˆ‡æ›¿ã«ã¯å¿…é ˆã‹ã‚‚ï¼Ÿãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹jQueryã®hashchangeãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Ajaxã‚„ã‚¿ãƒ–ã‚¯ãƒªãƒƒã‚¯ãªã©ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ã€Œé€²ã‚€ã€ã‚’æœ‰åŠ¹ã«ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryã®hashchange eventã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚åŒã˜ã‚ˆã†ãªåŠ¹æžœã‚’å¾—ã‚‰ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ˆã‚Šæ–ç„¶ä½¿ã„ã‚„ã™ã„ã®ã§ãŠã™ã™ã‚ã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã¨ã¦ã‚‚ç°¡å˜ã§ windowã«hashchangeã‚¤ãƒ™ãƒ³ãƒˆã‚’bindã™ã‚‹ã ã‘ã§ã™ã€‚ $(window) .hashchange(function() { Hoge(location.hash.replace('#', '')); }); // ãƒãƒƒã‚·ãƒ¥ãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆãŒå¤‰ã‚ã£ãŸã¨ãã«Hoge()ã‚’å®Ÿè¡Œã™ã‚‹ $(window).hashchange(); // Windowãƒãƒ¼ãƒ‰æ™‚ã«å®Ÿè¡Œã§ãã‚‹ Ben Alman Â» jQuery hashc
pmakino 2010/11/22
JavaScript

jQuery

Usability

UI

Ajax
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€:phpspoté–‹ç™ºæ—¥èªŒ
Polymaps Googleãƒžãƒƒãƒ—é¢¨ã®UIã‚’å®Ÿç¾ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPolymapsã€ã€‚ ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã«ã‚ˆã‚‹æ‹¡å¤§ãƒ»ç¸®å°æ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚‚è±Šå¯Œã§ã™ã€‚ ä»–ã«ã‚‚åŒæ§˜ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯å˜åœ¨ã—ã¾ã™ãŒã€ï¼‘ã¤ã®é¸æŠžè‚¢ã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚è‰¯ã„ã‹ã‚‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª é«˜è§£åƒåº¦ã®ç”»åƒã®URLã‚’å…¥ã‚Œã‚‹ã ã‘ã§Googleãƒžãƒƒãƒ—ã¿ãŸã„ã«æ‹¡å¤§æ©Ÿèƒ½ã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹ã€ŒZoom.itã€ ã€ŒGoogle Static Maps APIã€ã‚’ä½¿ã„æºå¸¯ã§Googleãƒžãƒƒãƒ—ã‚’è¡¨ç¤º Googleãƒžãƒƒãƒ—ã‚„Facebooké¢¨ãªã©ã€è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ŒBeautyTipsã€ PHPã§Google Mapã®ã‚¸ã‚ªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°APIã‚’ç°¡å˜ã«ä½¿ãˆã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒª Google Mapé¢¨ã§ã‚¯ãƒ¼ãƒ«ãªåœ°å›³UIãŒä½œã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒMapBoxã€
pmakino 2010/09/05
Google

Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³

JavaScript

Library

åœ°å›³

UI
ãƒªãƒ³ã‚¯
iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiPhone UIã€:phpspoté–‹ç™ºæ—¥èªŒ
iPhone UI iPhoneç”¨ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹éš›ã«ä¾¿åˆ©ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒiPhone UIã€ã€‚ iPhoneã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªUIãƒ‘ãƒ¼ãƒ„ãŒæƒã£ã¦ãŠã‚Šã€PCã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã‚‹ã¨ã€iPhoneæž ãŒæ¬¡ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã€iPhoneã§è¦‹ã‚‹ã¨æž ãªã—ã§ãã®ã¾ã¾å‹•ä½œã™ã‚‹ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ PCã§è¦‹ã¦ã‚‚ã€iPhoneã§è¦‹ã¦ã‚‚åŒã˜ã‚ˆã†ã«è¦‹ã‚Œã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«å½¹ç«‹ã¡ãã†ã§ã™ã€‚ ã¾ã ãƒã‚°ãŒãã‚Œãªã‚Šã«ã‚ã‚‹ã£ã½ã„ã§ã™ãŒã€é¢ç™½ã„ä»•çµ„ã¿ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª iPhoneã®ON/OFFã‚¹ã‚¤ãƒƒãƒã£ã½ã„checkboxã€radioãƒœã‚¿ãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒLightSwitchã€ iPhoneã‹iPodã‹iPadã‹ã‚’èª¿ã¹ã‚‹PHPã¨JSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¾‹ iPhoneã«ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’PHPã‹ã‚‰pushme.toçµŒç”±ã§é€ã‚‹ã‚µãƒ³ãƒ—ãƒ«
pmakino 2010/08/18
Webåˆ¶ä½œ

UI

iPhone

JavaScript

jQuery
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹å…¥åŠ›æ™‚ã«æ£è¦è¡¨ç¾ã«ã—ãŸãŒã£ã¦ãƒ’ãƒ³ãƒˆã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒInputNotesã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹å…¥åŠ›æ™‚ã«æ£è¦è¡¨ç¾ã«ã—ãŸãŒã£ã¦ãƒ’ãƒ³ãƒˆã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒInputNotesã€ 2010å¹´08æœˆ02æ—¥- InputNotes jQuery Plugin ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹å…¥åŠ›æ™‚ã«æ£è¦è¡¨ç¾ã«ã—ãŸãŒã£ã¦ãƒ’ãƒ³ãƒˆã‚’å‡ºã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒInputNotesã€ã€‚ ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ã‚’è¡Œã†ã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒ’ãƒ³ãƒˆãŒåæ˜ ã•ã‚Œã¾ã™ã€‚ NGãƒ¯ãƒ¼ãƒ‰ã®å…¥åŠ›ãƒã‚§ãƒƒã‚¯ã€å…¥åŠ›å½¢å¼ã®ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã«ä½¿ãˆãã†ã§ã™ã€‚åœ°å‘³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ç‚¹ã‚‚ãƒŠã‚¤ã‚¹ã§ã™ã€‚ ã“ã†ã—ãŸæ©Ÿèƒ½ã¯æ‰‹é–“ã¯å¢—ãˆã¾ã™ãŒã€é€ä¿¡ã—ã¦ã‹ã‚‰ã‚¨ãƒ©ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã‚Šã‚‚ãƒ™ã‚¿ãƒ¼ãªã®ã§ä½¿ã„ã‚„ã™ã•ã‚’è€ƒãˆã‚‹ã¨å…¥ã‚Œã¦ãŠããŸã„ã§ã™ãã€‚ ã“ã†ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€ã§ãã‚‹ã ã‘ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª JavaScriptè£½ã®ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã„ã‚ã„ã‚ JavaScriptã§ãƒ•ã‚©ãƒ¼ãƒ ã®å€¤ã‚’ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ãƒãƒªãƒ‡ãƒ¼ãƒˆã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚ Java
pmakino 2010/08/02
Webåˆ¶ä½œ

JavaScript

UI

jQuery
ãƒªãƒ³ã‚¯
[JS]å¾Œç™ºã ã‘ã«ä¸€å‘³é•ã†é«˜æ€§èƒ½ãªãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Poshy Tip
Poshy Tip - jQuery Plugin for Stylish Tooltips ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯æ—¢ã«å¤šããƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯ã‹ã‚†ã„ã¨ã“ã‚ã«æ‰‹ãŒå±Šãã‚ˆã†ãªä¾¿åˆ©ãªæ©Ÿèƒ½ãŒè±Šå¯Œã«å‚™ã‚ã£ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã€ä¸€ç•ªã®ç‰¹å¾´ã¨ãªã‚‹ã®ã¯ã€èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ç‚¹ã§ã™ã€‚ç”»åƒã¯ã‚µã‚¤ã‚ºãŒ1024x768pxã®å¤§ããªã‚‚ã®ã§ã€ã“ã‚Œã«ã‚ˆã‚Šãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã®æ‹¡å¤§ç¸®å°è¡¨ç¤ºãŒå¯èƒ½ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ç”»åƒã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã€å¥½ã¿ã®èƒŒæ™¯ã«ç°¡å˜ã«å¤‰æ›´ã§ãã¾ã™ã€‚
pmakino 2010/08/01
Webåˆ¶ä½œ

JavaScript

UI

jQuery
ãƒªãƒ³ã‚¯
iPhoneã®ãƒãƒƒã‚¯ã¿ãŸã„ãªUIã§ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã«ãƒãƒƒã‚¯ã‚’ã‹ã‘ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslideLockã€:phpspoté–‹ç™ºæ—¥èªŒ
iPhoneã®ãƒãƒƒã‚¯ã¿ãŸã„ãªUIã§ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã«ãƒãƒƒã‚¯ã‚’ã‹ã‘ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslideLockã€ 2010å¹´06æœˆ23æ—¥- slideLock Demo iPhoneã®ãƒãƒƒã‚¯ã¿ãŸã„ãªUIã§ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ã«ãƒãƒƒã‚¯ã‚’ã‹ã‘ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒslideLockã€ã€‚ UIã¨ã—ã¦ã¯æ¬¡ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å³ã«ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã™ã‚‹ã¨submitãƒœã‚¿ãƒ³ãŒactiveã«ãªã£ã¦ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®é€ä¿¡ã‚’åŽ³é‡ã«ã—ãŸã„å ´åˆã¨ã€éš ã—ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’å—ã‘å–ã£ã¦ç…§åˆã™ã‚‹ã“ã¨ã§ã‚¹ãƒ‘ãƒ ã®é˜²æ¢ã«ä½¿ãˆã‚‹ã£ã½ã„ã§ã™ã€‚ ãƒãƒƒã‚¯è§£é™¤ã—ãªã„ã¨é€ä¿¡ã§ããªã„ã®ã§ã€é€ä¿¡å‰ã«ç¢ºèªã®æ„å‘³ã‚’è¾¼ã‚ãŸUIã¨ã—ã¦ä½¿ã†ã¨å®Ÿç”¨çš„ã«åˆ©ç”¨ã§ããã†ã§ã™ãã€‚ åˆæœŸåŒ–ã¯æ¬¡ã®ã‚ˆã†ã«è¡Œã„ã¾ã™ã€‚ $("#contact").slideLock({ labelText: "Slide to Unlock:",Â // ãƒ©ãƒ™ãƒ«
pmakino 2010/06/27
ãƒ€ã‚¦ãƒˆ>ã€Œéš ã—ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã‚’å—ã‘å–ã£ã¦ç…§åˆã™ã‚‹ã“ã¨ã§ã‚¹ãƒ‘ãƒ ã®é˜²æ¢ã«ä½¿ãˆã‚‹ã€

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

jQuery

UI

Webåˆ¶ä½œ

JavaScript

iPhone
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸