[B! ãƒ‡ã‚¶ã‚¤ãƒ³] fujikawa-yã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fujikawa-y id:fujikawa-y

ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹fujikawa-yã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

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

ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ (Presentation Patterns)
æœ¬ã‚µã‚¤ãƒˆã‹ã‚‰ç”Ÿã¾ã‚ŒãŸæ›¸ç±ã€Žãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼šå‰µé€ ã‚’èª˜ç™ºã™ã‚‹è¡¨ç¾ã®ãƒ’ãƒ³ãƒˆã€ï¼ˆäº•åºå´‡ï¼‹äº•åºç ”ç©¶å®¤, æ…¶æ‡‰ç¾©å¡¾å¤§å¦å‡ºç‰ˆä¼š, 2013å¹´2æœˆå‡ºç‰ˆï¼‰ãŒã€2013å¹´åº¦ã‚°ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³è³žã‚’å—è³žã—ã¾ã—ãŸï¼ å¯©æŸ»å“¡ã®è©•ä¾¡ã§ã¯ã€ã€Œã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¨ã‚‹ã“ã¨ãŒé‡è¦–ã•ã‚Œã‚‹ç¾ä»£ç¤¾ä¼šã«ãŠã„ã¦ã¯ã€ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹æ©Ÿä¼šã‚‚å¤šããªã‚‹ã€‚æœ€è¿‘ã§ã¯è‹¥ã„äººã®ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿä¼šã‚‚å¤šãã€å‰ä¸–ä»£ã‚’ç”ŸããŸäººé–“ã«ã¯ã†ã¾ãä¼ãˆã‚‰ã‚Œãªã„ã“ã¨ã‚‚ã‚ã‚‹ã€‚æœ¬æ›¸ç±ã¯ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã®æœ¬è³ªçš„ãªç†è§£ã‚’ä¿ƒã™ãŸã‚ã®ç§˜è¨£ï¼ˆè¦–ç‚¹ã‚„è€ƒãˆæ–¹ãªã©ï¼‰ãŒã‚ã‹ã‚Šã‚„ã™ãæ•´ç†ã•ã‚Œã€ã‚¦ã‚£ãƒƒãƒˆã®åˆ©ã„ãŸã‚¤ãƒ©ã‚¹ãƒˆã‚„ã‚³ãƒ”ãƒ¼ã‚’ç”¨ã„ã¦å¦ç”Ÿã§ã‚‚èªã¿ã‚„ã™ã„ã‚ˆã†ã«ä»•ä¸Šã’ã¦ãŠã‚Šç·¨é›†ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦³ç‚¹ã‹ã‚‰è©•ä¾¡ã—ãŸã€‚ã¾ãŸç›¸æ‰‹ã®å˜åœ¨ã‚’ç†è§£ã—ãªãã¦ã¯ãªã‚‰ãªã„ãƒ‡ã‚¶ã‚¤ãƒ³æ„è˜ã®æŒ‡å—æ›¸ã¨ã—ã¦ã‚‚æœŸå¾…ã—ãŸã„ã€‚ã€ã¨ã„ã†ã‚³ãƒ¡ãƒ³ãƒˆã‚’é ‚ã„ã¦ã„ã¾ã™ã€‚ ãªãŠæœ¬æ›¸ã¯ã€2013å¹´10æœˆ30æ—¥ã€œ11æœˆ4æ—¥ã«æ±äº¬ãƒŸãƒƒãƒ‰ã‚¿ã‚¦ãƒ³
fujikawa-y 2011/11/24
ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

ä»•äº‹

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å®Ÿä¾‹ã§å¦ã¶jQuery Mobileã®CSSã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º (1/3)
jQuery Mobileã‚’åˆ©ç”¨ã™ã‚‹ã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’æ‰‹è»½ã«åˆ¶ä½œã§ãã¾ã™ãŒã€åŸºæœ¬ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ãƒ™ãƒ¼ã‚¹ã«åˆ¶ä½œã™ã‚‹ã¨ã€Œã„ã‹ã«ã‚‚jQuery Mobileã‚‰ã—ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã—ã¾ã„ã€ä»–ã®ã‚µã‚¤ãƒˆã¨ä¼¼é€šã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯jQuery Mobileã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã€ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã¦ã€æ¬¡ã®ã‚ˆã†ãªã‚«ã‚¿ãƒã‚°ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¾ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«ã¯æ–°ç€å•†å“ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒãŒ3ã¤ä¸¦ã³ã€ãã®ä¸‹ã«ã¯ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«ã§ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚æ–°ç€å•†å“ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’é¸æŠžã™ã‚‹ã¨è©³ç´°ãƒšãƒ¼ã‚¸ã«é·ç§»ã—ã€è©³ç´°ãƒšãƒ¼ã‚¸ã§ç”»åƒã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã¨ç”»åƒã‚’æ‹¡å¤§ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ HTMLã®ä½œæˆ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’å…ƒã«HTMLã‚’ä½œæˆã—ã¾ã™ã€‚headè¦ç´ å†…ã¯æ¬¡ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚ â– ã‚µãƒ³ãƒ—ãƒ«1[HTML] <!DOCTYPE html> <
fujikawa-y 2011/10/01
jQuery Mobile

Webåˆ¶ä½œ

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶jQuery Mobileã¾ã¨ã‚ï¼ˆå¾Œç·¨ï¼‰ (1/5)
å‰ç·¨ã€ä¸ç·¨ã«ç¶šãã€jQuery Mobileã®æ©Ÿèƒ½ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯PCã«æ¯”ã¹ã¦ç”»é¢å¹…ãŒç‹ã„ã®ã§ã€1ãƒšãƒ¼ã‚¸ã‚’è¤‡æ•°ã‚«ãƒ©ãƒ ã«åˆ†å‰²ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«å‘ãã¾ã›ã‚“ã€‚ã—ã‹ã—ã€ã‚¿ãƒ–ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹å ´åˆãªã©ã€è¤‡æ•°ã‚«ãƒ©ãƒ ã«åˆ†å‰²ã—ãŸã„å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚jQuery Mobileã§ã¯è¦ç´ ã‚’å‡ç‰ã«åˆ†å‰²ã—ã¦ä¸¦ã¹ã‚‹ã€Œã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã®æ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2ã‚«ãƒ©ãƒ 2ã‚«ãƒ©ãƒ ã«ã—ãŸã„å ´åˆã¯ã€classå±žæ€§ã€Œui-grid-aã€ã‚’ä»˜ã‘ãŸè¦ç´ ã®å†…å´ã«ã€classå±žæ€§ã€Œui-block-aã€ã¨classå±žæ€§ã€Œui-block-bã€ã‚’ä»˜ã‘ãŸè¦ç´ ã‚’ãã‚Œãžã‚Œé…ç½®ã—ã¾ã™ã€‚ â– ã‚µãƒ³ãƒ—ãƒ«01[HTML] <div class="ui-grid-a"> <div class="ui-block-a"><strong>I'm Block A</strong></div
fujikawa-y 2011/10/01
jQuery Mobile

Webåˆ¶ä½œ

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶jQuery Mobileã¾ã¨ã‚ï¼ˆä¸ç·¨ï¼‰ (1/4)
ï¼ˆå‰ç·¨ã€Œãƒªã‚¹ãƒˆã®è¡¨ç¤ºã€ã®ç¶šãï¼‰ è¦‹å‡ºã—ã®ãƒ†ãƒ¼ãƒžã®å¤‰æ›´ jQuery Mobileã®ãƒªã‚¹ãƒˆè¡¨ç¤ºã¯ã€ul/olè¦ç´ ã«data-themeå±žæ€§ã§ãƒ†ãƒ¼ãƒžã‚’æŒ‡å®šã§ãã¾ã™ã€‚ â– ã‚µãƒ³ãƒ—ãƒ«26[HTML] <ul data-role="listview" data-theme="e"> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> <li><a href="#page2">list</a></li> </ul> data-themeå±žæ€§ã¯ul/olè¦ç´ ã®åè¦ç´ ã§ã‚ã‚‹liè¦ç´ ã«ã‚‚æŒ‡å®šã§ãã¾ã™ã€‚liè¦ç´ ã«data-themeå±žæ€§ã‚’è¨å®šã™ã‚‹ã¨ã€å€‹ã€…ã®ãƒªã‚¹ãƒˆé …ç›®ã®ãƒ†ãƒ¼ãƒžã‚’å¤‰æ›´ã§ãã¾ã™
fujikawa-y 2011/10/01
jQuery Mobile

Webåˆ¶ä½œ

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ³ãƒ—ãƒ«ã§å¦ã¶jQuery Mobileã¾ã¨ã‚ï¼ˆå‰ç·¨ï¼‰ (1/5)
jQuery Mobileã«ã¯ã“ã‚Œã¾ã§ç´¹ä»‹ã—ãŸä»¥å¤–ã«ã‚‚ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã®ä½œæˆã‚’é€šã˜ã¦ç´¹ä»‹ã—ãŸåŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’ãŠã•ã‚‰ã„ã—ã¤ã¤ã€ãã®ã»ã‹ã®æ©Ÿèƒ½ã‚‚ä½µã›ã¦ã¾ã¨ã‚ã¦ãŠãã¾ã—ã‚‡ã†ã€‚ ãƒšãƒ¼ã‚¸ã®ä½œæˆ jQuery Mobileã§ã¯ã€1ã¤ã®HTMLã«è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã¾ã¨ã‚ã¦è¨˜è¿°ã—ã¾ã™ã€‚ãƒšãƒ¼ã‚¸ã®åŒºåˆ‡ã‚Šã‚„ãƒšãƒ¼ã‚¸å†…ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€ã‚«ã‚¹ã‚¿ãƒ ãƒ‡ãƒ¼ã‚¿å±žæ€§ã®data-roleå±žæ€§ã§å®šç¾©ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ä½œæˆã€€data-role="page" divè¦ç´ ãªã©ã«data-roleå±žæ€§ã€Œpageã€ã‚’æŒ‡å®šã™ã‚‹ã¨ã€HTMLå†…ã«ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã§ãã¾ã™ã€‚data-role="page"ã‚’æŒ‡å®šã—ãŸè¦ç´ ã«ã¯ä»–ã¨é‡è¤‡ã—ãªã„ãƒšãƒ¼ã‚¸IDã‚’ä»˜ã‘ã€idå±žæ€§ã«è¨˜è¿°ã—ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ãƒ¼ã®è¡¨ç¤ºã€€data-role="header" ãƒšãƒ¼ã‚¸å†…ã«data-roleå±žæ€§ã€Œheaderã€ã‚’æŒ‡å®šã—ãŸè¦ç´ ã‚’é…ç½®ã™ã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚
fujikawa-y 2011/10/01
jQuery Mobile

Webåˆ¶ä½œ

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–ãƒ»ã‚¸ãƒ§ãƒ–ã‚ºã®åè¨€ã«å¦ã¶ã€Œã‚·ãƒ³ãƒ—ãƒ«ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã€5ã¤ã®ç§˜è¨£ : earth in us.
ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–ãƒ»ã‚¸ãƒ§ãƒ–ã‚ºã®åè¨€ã«å¦ã¶ã€Œã‚·ãƒ³ãƒ—ãƒ«ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã€5ã¤ã®ç§˜è¨£ http://www.earthinus.com/2011/06/stevejobs-simple.html
fujikawa-y 2011/06/25
ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒ†ã‚£ãƒ¼ãƒ–ãƒ»ã‚¸ãƒ§ãƒ–ã‚º

è€ƒãˆæ–¹
ãƒªãƒ³ã‚¯
jQuery Mobileã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®åŸºæœ¬ã¨CSSã®å¤‰æ›´ (1/6)
jQuery Mobileã«ã‚ˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åˆ¶ä½œæ–¹æ³•ã‚’è§£èª¬ã™ã‚‹æœ¬é€£è¼‰ã€‚å‰å›žã«å¼•ãç¶šãã€ç°¡å˜ãªä¼šç¤¾æ¡ˆå†…ã‚µã‚¤ãƒˆã‚’ä½œã‚ŠãªãŒã‚‰ã€jQuery Mobileã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã‚’å¦ã³ã¾ã—ã‚‡ã†ã€‚ aboutãƒšãƒ¼ã‚¸ã®ä½œæˆã¨CSS3ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¤‰æ›´ ä»Šå›žã¯ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ä»¥ä¸‹ã®è©³ç´°ãƒšãƒ¼ã‚¸ã‚’é †ã«ä½œæˆã—ã¦ã„ãã¾ã™ã€‚ã¾ãšã¯ã€Œto-Rã«ã¤ã„ã¦ã€ã®ãƒšãƒ¼ã‚¸ï¼ˆ#aboutï¼‰ã‹ã‚‰å–ã‚ŠæŽ›ã‹ã‚Šã¾ã—ã‚‡ã†ã€‚å‰å›žä½œæˆã—ãŸindex.htmlã«æ¬¡ã®ã‚ˆã†ãªHTMLã‚’è¿½åŠ ã—ã¾ã™ã€‚ã€Œdata-role="content"ã€ã®ä¸ã«h2è¦ç´ ã¨pè¦ç´ ã‚’åŠ ãˆãŸã ã‘ã®ç°¡å˜ãªHTMLã§ã™ã€‚ â– ã‚µãƒ³ãƒ—ãƒ«1[HTML] <div data-role="page" id="about" data-theme="b"> <div data-role="header"> <h1>to-R</h1> </div> <div data-role="conte
fujikawa-y 2011/06/12
jQuery Mobile

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

jQuery

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

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
jQuery Mobileã¨ã¯â€•â€•ã‚¹ãƒžãƒ›æ™‚ä»£ã®åˆ°æ¥ã¨Webåˆ¶ä½œ (1/3)
ã€ŒjQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚jQuery Mobileã‚’ä½¿ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å¯¾å¿œã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’æ‰‹è»½ã«åˆ¶ä½œã§ãã¾ã™ã€‚ jQuery Mobileã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆåˆ¶ä½œã®åŸºæœ¬ã‹ã‚‰å®Ÿè·µçš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¾ã§ã€ãƒ™ã‚¹ãƒˆã‚»ãƒ©ãƒ¼ã€ŒWebåˆ¶ä½œã®ç¾å ´ã§ä½¿ã† jQueryãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€ã€ï¼ˆWeb Professional Booksï¼‰ã®è‘—è€…ãƒ»è¥¿ç•‘ä¸€é¦¬ã•ã‚“ãŒè§£èª¬ã—ã¾ã™ã€‚ï¼ˆç·¨é›†éƒ¨ï¼‰ ã€ŒjQuery Mobileã€ã¯ã€ãƒ¢ãƒã‚¤ãƒ«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã§ã„ã¾ã‚‚ã£ã¨ã‚‚æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚jQuery Mobileã‚’ä½¿ãˆã°ã€iPhone/Androidã‚’ã¯ã˜ã‚ã€ã•ã¾ã–ã¾ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«å¯¾
fujikawa-y 2011/06/12
jQuery Mobile

Webåˆ¶ä½œ

jQuery

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€:phpspoté–‹ç™ºæ—¥èªŒ
ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€ 2011å¹´04æœˆ12æ—¥- Slider Kit, sliding contents with jQuery ç”»åƒã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã«é–¢ã™ã‚‹ã“ã¨ãªã‚‰ãŠä»»ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlider Kitã€ ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã“ã¨ã§å®Ÿã«æ§˜ã€…ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒå®Ÿç¾å‡ºæ¥ã¾ã™ã€‚ä»¥ä¸‹ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ã€‚ ä¸€è¦‹æ™®é€šã®ç”»åƒ ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨ãƒšãƒ¼ã‚¸é€ã‚ŠãŒå‡ºã‚‹UIã€‚ã“ã‚Œã ã‘ã§ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã‹ãªã‚Šä½¿ãˆãã†ã€‚ç„¡é§„ãªUIã¯ä¸è¦ã¨ã„ã†æ–¹ã«ã€‚ ãƒšãƒ¼ã‚¸ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã‚’æ¬¡ã®ã‚ˆã†ã«â—‹ã§è¡¨ç¤ºã—ãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚ä½œã‚Œã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ç•ªå·ãŒã¤ã„ãŸã‚‚ã® ã‚µãƒ ãƒã‚¤ãƒ«ãŒã¤ã„ãŸç‰© ã‚µãƒ ãƒã‚¤ãƒ«ï¼‹ãƒ©ãƒ™ãƒ«ä»˜ã ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æ¨ªã«é…ç½®ã—ãŸã‚‚ã® ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚µãƒ ãƒã‚¤ãƒ«ã‚’æ•·ãè©°ã‚ãŸä¾‹ ä½•ã‚‰ã‹ã®è£½å“ç‰ã®ç‰¹å¾´ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ãªãŠãªã˜ã¿ã®ã‚¿ãƒ–UIåž‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚‚ã€‚ ç”»åƒã ã‘ã§ãªãHTMLã‚‚ä½¿ãˆã‚‹ ã‚¿
fujikawa-y 2011/04/12
JavaScript

jquery

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚Šã®å‰ã«çŸ¥ã£ã¦ãŠãã¹ããƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ãƒªã‚½ãƒ¼ã‚¹ã¾ã¨ã‚:phpspoté–‹ç™ºæ—¥èªŒ
ã‚¹ãƒžãƒ•ã‚©ã‚µã‚¤ãƒˆä½œã‚Šã®å‰ã«çŸ¥ã£ã¦ãŠãã¹ããƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ãƒªã‚½ãƒ¼ã‚¹ã¾ã¨ã‚ã€‚ ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã‚¨ãƒ³ãƒˆãƒªã®ã¾ã¨ã‚ã€ã«ã¦ã‚¹ãƒžãƒ•ã‚©ç”¨ã‚µã‚¤ãƒˆä½œã‚Šã®åŸºæœ¬ã¯ã¾ã¨ã‚ã¾ã—ãŸãŒã€å®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®å‚è€ƒã«ãªã‚Šãã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚„ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒªã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç ”ç©¶ã¨ã„ã†ã“ã¨ã§ã€ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã§ã¯ãªãã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚‚ç´¹ä»‹ã€‚ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ CSS iPhone æ§˜ã€…ãªæµ·å¤–ãƒãƒ¼ã‚¿ãƒ«ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã®iPhoneå‘ã‘ã‚µã‚¤ãƒˆã‚’ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã§ç´¹ä»‹ã€‚ ã©ã®ã‚µã‚¤ãƒˆã‚‚ã‚ˆããƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ãŠã‚Šã€éžå¸¸ã«å‚è€ƒã«ã§ãã‚‹éƒ¨åˆ†ãŒå¤šãã†ã§ã™ã€‚ iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadã‚µã‚¤ãƒˆã‚„iPhone/iPadã‚¢ãƒ—ãƒªãƒ»ã‚²ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®
fujikawa-y 2011/02/24
Webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã«å¤§åˆ‡ãª7ã¤ã®è¦ç´ ã¨é‡è¦ãª1ã¤ã®æ©Ÿèƒ½
ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã€å¤§åˆ‡ãª7ã¤ã®è¦ç´ ã¨é‡è¦ãª1ã¤ã®æ©Ÿèƒ½ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…ƒè¨˜äº‹ã§ã¯ä¸‹è¨˜ã®CSS3ã§å®Ÿè£…ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¿ã‚¤ãƒˆãƒ« ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒä½•ã«ã¤ã„ã¦ã®ã‚‚ã®ã§ã‚ã‚‹ã‹æ‰‹çŸã«èª¬æ˜Žã•ã‚ŒãŸã‚¿ã‚¤ãƒˆãƒ«ã€‚ç‰¹ã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®åç§°ã‚’è¨˜ã™ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚ éžãƒ¡ãƒ³ãƒãƒ¼ç”¨ã®ãƒªãƒ³ã‚¯ éžãƒ¡ãƒ³ãƒãƒ¼ãŒå¶ç„¶ã€ã“ã®ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¤ã‘ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã—ã¦ã€ãƒ¡ãƒ³ãƒãƒ¼ã‚’å¢—ã‚„ã™ãƒãƒ£ãƒ³ã‚¹ã‚‚ã‚ã‚‹ã®ã§ã€ç™»éŒ²ãƒšãƒ¼ã‚¸ã¸ã®èª˜å°Žã‚‚è¡Œã£ã¦ãŠãã¾ã™ã€‚ ãƒ©ãƒ™ãƒ«ã¨ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ ã¯é€šå¸¸ã€2ã¤ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ãŒã€ãƒ©ãƒ™ãƒ«ã¯èªã¿ã‚„ã™ã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’å¿˜ã‚ŒãŸå ´åˆ ã“ã‚Œã¯åŒã˜ãã€éžå¸¸ã«é‡è¦ãªãƒªãƒ³ã‚¯ã§ã™ã€‚å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¤šæ•°ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¨ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã‚’ã‚‚ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ã—ã°ã—ã°ãã‚Œã¯ã‚ãªãŸã®ã‚µã‚¤ãƒˆã§ã©ã‚Œãªã®ã‹å¿˜ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸã€é…ç½®ã™ã‚‹
fujikawa-y 2011/02/18
CSS3

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://designaholic.cc/2011/02/post-82.html
fujikawa-y 2011/02/18
Webãƒ‡ã‚¶ã‚¤ãƒ³

è¨è¨ˆ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
iPhoneã‚¢ãƒ—ãƒªã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ãŸã€ŽMobile Patternsã€ | 100SHIKI
è³‡æ–™ã¨ã—ã¦è‰¯ã•ãã†ãªã®ã§ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€‚ Mobile Patternsã§ã¯ã€iPhoneaã‚¢ãƒ—ãƒªã®UIãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’é›†ã‚ã¦æŽ²è¼‰ã—ã¦ã„ã‚‹ã€‚ ã‚¹ãƒ—ãƒ©ãƒƒã‚·ãƒ¥ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚„ã€ãƒªã‚¹ãƒˆã€ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»é¢ãªã©ã€ã‚ˆãä½¿ã‚ã‚Œã‚Œã‚‹UIã”ã¨ã«åˆ†é¡žã•ã‚Œã¦ã„ã‚‹ã®ãŒä¾¿åˆ©ã ã€‚ iPhoneã‚„Androidã§ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã¨ãã«ã¯ã“ã†ã—ãŸã‚‚ã®ã‚’å‚è€ƒã«ã—ã¦ã‚‚ã„ã„ã§ã™ãã€‚ ãŸã ã€ã¾ã æ•°ãŒãã‚Œã»ã©å¤šããªã„ã®ã§ã€ã“ã‚Œã‹ã‚‰å……å®Ÿã—ã¦ã„ãã“ã¨ã‚’æœŸå¾…ã—ãŸã„ã€‚
fujikawa-y 2011/02/16
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

iPhone

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1