[B! jQuery][data] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

jQueryã¨dataã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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]æ—¥æœ¬èªžã‚‚OKã€è¡Œå˜ä½ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Lining.js
demo 5 ä¸€è¡Œã”ã¨ã«ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã—ã¾ã™ã€‚ ã€Œrollingã€ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‹ã£ã“ã„ã„ã§ã™ã€‚ Lining.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="build/lining.min.js"></script> </head> ãƒ‡ãƒ¢ã«ã‚ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ç”¨ã™ã‚‹æ™‚ã¯ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆç”¨ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚‚åŠ ãˆã¾ã™ã€‚ <head> ... <script src="build/lining.min.js"></script> <script src="build/lining.effect.min.js"></script> </head> Step 2: HTML é©ç”¨ã™ã‚‹è¦ç´ ã«ã€Œdata-liningã€ã‚’åŠ ãˆã¾ã™ã€‚ <p class="poem" data-lining>æ´‹é…’ã¨ã„ãˆã°ã€èª°ã§ã‚‚
beth321 2014/11/25
data

css

ã‚³ãƒªã‚¹

JavaScript

jQuery

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

library

CSS

ãƒ†ã‚ã‚¹ãƒˆ

æŒ‡å®š
ãƒªãƒ³ã‚¯
Purplecoat.js | Simple Labeled Overlays
Step 0: Add purplecoat-min.js along with jQuery. <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript" src="http://ellekasai.github.io/purplecoat.js/purplecoat.min.js"></script> Step 1: Add data-purplecoat="foo" and data-purplecoat-label="Hello!" to any element. <img data-purplecoat="foo" data-purplecoat-label="Hello!" src="http:/
beth321 2014/11/12
jQuery

javascript

jquery

ui

data

library

jquery plugin
ãƒªãƒ³ã‚¯
1216å½©ç¥¨-å®˜ç½‘å¹³å°
æ‚¨ä¸å…·å¤‡ä½¿ç”¨æ‰€æä¾›çš„å‡æ®æŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µçš„æƒé™ã€‚ è¯·å°è¯•ä»¥ä¸‹æ“ä½œï¼š å¦‚æžœæ‚¨è®¤ä¸ºè‡ªå·±åº”è¯¥èƒ½å¤ŸæŸ¥çœ‹è¯¥ç›®å½•æˆ–é¡µé¢ï¼Œè¯·ä¸Žç½‘ç«™ç®¡ç†å‘˜è”ç³»ã€‚ å•å‡»åˆ·æ–° æŒ‰é’®ï¼Œå¹¶ä½¿ç”¨å…¶ä»–å‡æ®é‡è¯•ã€‚ HTTP é”™è¯¯ 401.1 - æœªç»æŽˆæƒï¼šè®¿é—®ç”±äºŽå‡æ®æ— æ•ˆè¢«æ‹’ç»ã€‚ Internet ä¿¡æ¯æœåŠ¡ (IIS) æŠ€æœ¯ä¿¡æ¯ï¼ˆä¸ºæŠ€æœ¯æ”¯æŒäººå‘˜æä¾›ï¼‰ è½¬åˆ° Microsoft äº§å“æ”¯æŒæœåŠ¡ å¹¶æœç´¢åŒ…æ‹¬â€œHTTP â€å’Œâ€œ401 â€çš„æ ‡é¢˜ã€‚ æ‰“å¼€â€œIIS å¸®åŠ©â€ï¼ˆå¯åœ¨ IIS ç®¡ç†å™¨ (inetmgr) ä¸è®¿é—®ï¼‰ï¼Œç„¶åŽæœç´¢æ ‡é¢˜ä¸ºâ€œèº«ä»½éªŒè¯â€ã€â€œè®¿é—®æŽ§åˆ¶â€å’Œâ€œå…³äºŽè‡ªå®šä¹‰é”™è¯¯æ¶ˆæ¯â€çš„ä¸»é¢˜ã€‚
beth321 2014/08/27
jquery

*ã‚ã¨ã§èªã‚€

javascript

html5

html

WEBåˆ¶ä½œ

data

css

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

js
ãƒªãƒ³ã‚¯
jQuery Mobileä½¿ç”¨æ™‚ã«ã‚ˆãä½¿ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒªã‚¹ãƒˆã¨å‹•ä½œã‚µãƒ³ãƒ—ãƒ« - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ è‡ªåˆ†ç”¨ã«å‚™å¿˜éŒ²ã€‚ãã‚ãã‚ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ ãŒå‡ºã¦ãã‚‹é ƒã˜ã‚ƒãªã„ã‹ã¨æ€ã†ã®ã§ã€ãã† ç„¦ã‚‹ã“ã¨ã‚‚ç„¡ã„æƒ…å ±ã ã¨æ€ã„ã¾ã™ãŒã€è¿‘ã€… ä½¿ã„ãã†ãªã®ã§ãã®æ™‚ã«é¢å€’ãªäº‹ã«ãªã‚‰ ãªã„ã‚ˆã†ã«ã‚ˆãä½¿ã„ãã†ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ ãƒªã‚¹ãƒˆã¨ã—ã¦ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ ã¡ã‚ƒã‚“ã¨ã—ãŸãƒ‡ãƒ¢ã¯æœ¬å®¶ã§ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ã“ã“ã«ã‚ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã¯åƒ•ã®ã„ã„åŠ æ¸›ãªã‚µãƒ³ãƒ—ãƒ«ã§ã™ã€‚å°šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãŒè¦‹ã‚„ã™ã„æ§˜ã«ã™ã‚‹ã ã‘ã®ç‚ºã«ã‚³ãƒ¡ãƒ³ãƒˆã‚¢ã‚¦ãƒˆå…¥ã‚Œã¦ã„ã¾ã™ãŒæ°—ã«ã—ãªã„ã§ä¸‹ã•ã„ã€‚ [note]è¿½è¨˜ ã‚‚ã†å°‘ã—å¢—ã‚„ã—ã¦è¦‹ã‚„ã™ãã—ãŸã‚‚ã®ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ [/note] ãƒ—ãƒ©ã‚°ã‚¤ãƒ³èªã¿è¾¼ã¿ <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquer
beth321 2012/02/14
data

.net

button

android

jquery

jQuery Mobile

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã€ŒjQuery Mobileã€ã®ç™»å ´ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã¯å¤§ããå¤‰ã‚ã‚‹ ï¼ Publickey
ã“ã®ã¨ã“ã‚HTML5é–¢é€£ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦èª¿ã¹ã¦ã„ã¦ã€å…ˆé€±ã®æ°´æ›œæ—¥ã«ã¯SwapSkillsä¸»å‚¬ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒjQueryãƒ¢ãƒã‚¤ãƒ«ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆã€ã«å‚åŠ ã—ã¦jQuery Mobileã«ã¤ã„ã¦å‹‰å¼·ã—ã¦ãã¾ã—ãŸã€‚ jQuery Mobileã¨ã¯ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦åˆ©ç”¨ã™ã‚‹ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã—ã¦ãã®é©šç•°çš„ãªã¾ã§ã®ç°¡å˜ã•ã¯ã€ã“ã‚Œã‹ã‚‰æ¥å‹™ç”¨ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ã‚’ä¸€å¤‰ã•ã›ã¦ã—ã¾ã†å¯èƒ½æ€§ã‚’æ„Ÿã˜ã•ã›ã¾ã™ã€‚ jQuery Mobileã®å¤§ããªç‰¹å¾´ã¯æ¬¡ã®3ã¤ã§ã™ã€‚ 1ï¼‰HTMLã‚’æ›¸ãã ã‘ã§ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒã§ãã¦ã—ã¾ã† 2ï¼‰ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹å¯¾å¿œã®éƒ¨å“ãŒå¤šãæƒã£ã¦ã„ã‚‹ 3ï¼‰iOSã€Androidã€WebOSã€Windows Moblieã€Symbianãªã©ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å¯¾å¿œã§ã‚ã‚‹ å…·ä½“çš„ãª
beth321 2012/02/14
data

android

jQuery

mobile

JavaScript

ãƒ¢ãƒã‚¤ãƒ«

jQuery Mobile

iPhone
ãƒªãƒ³ã‚¯
HTML5 ã§ä½œã‚‹ iPhone ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªå…¥é–€
ã•ã¦ã€ã¾ãšã€Œãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã€ã£ã¦ãªã‚“ãžã£ã¦ã„ã†è©±ã§ã™ãŒã€Web ãƒ™ãƒ¼ã‚¹ã®æŠ€è¡“ã§ä½œã‚‰ã‚Œãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚µãƒ¼ãƒã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦åˆ©ç”¨ã™ã‚‹ã‚‚ã®ã®ã€ã„ã£ãŸã‚“ãƒãƒ¼ãƒ‰ãŒå®Œäº†ã—ãŸã‚‰ã€ãã‚Œä»¥é™ã¯ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æŽ¥ç¶šä¸è¦ã§å‹•ä½œã™ã‚‹ Web ã‚¢ãƒ—ãƒªã€ã¨ã„ã£ãŸæ¦‚å¿µã‚’è¡¨ã—ãŸé€ èªžã§ã™ã€‚ iPhone ã® App Store ã‚’çµŒç”±ã™ã‚‹ã“ã¨ãªãé…å¸ƒãŒå¯èƒ½ãªã®ã§ã€ã‚¢ãƒ—ãƒªã®å†…å®¹ã«ã¤ã„ã¦ä¸€åˆ‡ã®åˆ¶é™ãŒãªãã€ã¾ãŸã€æœ€è¿‘ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é€²æ©ã‚„ãƒ¢ãƒã‚¤ãƒ«ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å‘ä¸Šã«ã‚ˆã‚Šã€ã‚‚ã®ã«ã‚ˆã£ã¦ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã¨éœè‰²ãªã„ãƒ¬ãƒ™ãƒ«ã®ã‚‚ã®ã‚‚ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ å…ˆæ—¥ã€1 Click Config (é–‰éŽ–æ¸ˆ) (è§£èª¬è¨˜äº‹) ã‚’ä½œã£ã¦å…¬é–‹ã—ã¾ã—ãŸãŒã€ã“ã‚ŒãŒã¾ã•ã«ãƒãƒ¼ã‚«ãƒ« Web ã‚¢ãƒ—ãƒªã¨ã—ã¦å‹•ä½œã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹æŠ€è¡“ã®å„è«–ã«ã¤ã„ã¦ã¯ãã‚Œãžã‚Œè©³ã—ãæ›¸ã„ãŸã‚µã‚¤ãƒˆãŒã‚ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã‚‰ã®æŠ€è¡“ã‚’ã²ã¨ã¾ã¨ã‚ã«ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãŒè¦‹å½“ãŸ
beth321 2011/11/23
iPhone

ã‚¢ãƒ—ãƒª

jquery mobile

data

jquery

web

mobile

iphone

ã‚µã‚¤ãƒˆ

ãƒ™ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
1