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

ogrenavi id:ogrenavi

JavaScriptã«é–¢ã™ã‚‹ogrenaviã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (76)

${{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 Router ã‚’ä½¿ã£ãŸå®Ÿè£…ãƒ‘ã‚¿ãƒ¼ãƒ³ - Katashin .info
2023å¹´9æœˆ19æ—¥ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³,Vue,Vue Routerä»¥ä¸‹ã®ã‚ˆã†ã«ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªï¼ˆç¹‹ãŽç›®ã®ãªã„ï¼‰ç”»é¢é·ç§»ã‚’å®Ÿè£…ã™ã‚‹ã¨ã—ãŸã‚‰ã€ã©ã®ã‚ˆã†ã«å®Ÿè£…ã—ã¾ã™ã‹ï¼Ÿãã‚Œãžã‚Œã®ã‚«ãƒ¼ãƒ‰ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ¼ãƒ‰ãŒæ‹¡å¤§ã•ã‚Œã€ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å…¨ä½“ãŒè¦‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã“ã®å®Ÿè£…ã¯ã‚«ãƒ¼ãƒ‰ä¸€è¦§ãƒšãƒ¼ã‚¸ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å…¨ä½“ãŒè¦‹ã‚Œã‚‹ãƒšãƒ¼ã‚¸ã®2ãƒšãƒ¼ã‚¸ã§æ§‹æˆã•ã‚Œã¦ã„ã¦ã€ç”»é¢é·ç§»ã®å‡¦ç†ã‚’å·¥å¤«ã™ã‚‹ã“ã¨ã§ã€ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªè¦‹ã›æ–¹ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªç”»é¢é·ç§»ã¯ã€è¦ç´ åŒå£«ã®é–¢é€£æ€§ã‚’å¼·èª¿ã—ãŸã‚Šã€ã‚¢ãƒ—ãƒªã¸ã®æ²¡å…¥æ„Ÿã‚’é«˜ã‚ã‚‹ãªã©ã®ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿè£…é›£æ˜“åº¦ãŒé«˜ãã€ã‚³ãƒ¼ãƒ‰ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ“ãƒªãƒ†ã‚£ãŒä¸‹ãŒã‚Šã‚„ã™ã„ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€ã“ã®ã‚ˆã†ãªã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªç”»é¢é·ç§»ã‚’å®Ÿè£…ã™ã‚‹é›£ã—ã•ã‚’èª¬æ˜Žã—ã¦ã‹ã‚‰ã€Vue.js ã‚’ä½¿ã£ãŸå®Ÿéš›ã®ã‚³ãƒ¼ãƒ‰ã‚’äº¤ãˆãªãŒã‚‰ãã®å®Ÿè£…æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã‚·ãƒ¼ãƒ ãƒ¬ã‚¹ãªç”»é¢é·ç§»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é›£ã—ã• #ã‚·ãƒ¼ãƒ
ogrenavi 2023/10/10
JavaScript
ãƒªãƒ³ã‚¯
console.log(); ã—ã‹ä½¿ãˆãªã‹ã£ãŸè‡ªåˆ†ã¸ã€‚ã€‚ã€‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ogrenavi 2022/05/25
javascript

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

tips
ãƒªãƒ³ã‚¯
æ€¥ãªTypeScriptæ¡ˆä»¶ðŸ”¥æœ€åˆã®30æ—¥é–“ã«ä½¿ã„å€’ã—ãŸã„ã€Œã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ”¯æ´ãƒ„ãƒ¼ãƒ«ã€ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã®æŠ•ç¨¿ã§ã¯ã€ã€ŒTypeScriptã®æ–‡æ³•ã‚„ç”¨èªžãŒã‚ˆãåˆ†ã‹ã‚‰ãªã„ã€ã¨ã„ã†å•é¡Œã‚’è§£æ¶ˆã—ã¦ãã‚Œãã†ãªãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å‹‰å¼·ã—ãªãŒã‚‰ã®è¦‹åˆ‡ã‚Šç™ºè»Š æœ€è¿‘ã¯TypeScriptæœªçµŒé¨“ã§ã‚‚ã€TypeScriptæ¡ˆä»¶ã«ã‚¢ã‚µã‚¤ãƒ³ã•ã‚Œã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¦ã„ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ é‹ãŒã„ã„ã¨ç€æ‰‹å‰ã«TypeScriptã‚’ã˜ã£ãã‚Šå¦ç¿’ã™ã‚‹æ™‚é–“ã‚’ä¸Žãˆã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€å¤šãã®ã‚±ãƒ¼ã‚¹ã§ã¯ã€è¦‹åˆ‡ã‚Šç™ºè»Šã§é–‹ç™ºã«å‚åŠ ã™ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚³ãƒ¼ãƒ‰ãƒªãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‹ã‚‰å§‹ã¾ã‚‹ TypeScriptæ¡ˆä»¶ã¯ã€ç†è§£ã™ã¹ãæ—¢å˜ã®TypeScript/JavaScriptã‚³
ogrenavi 2022/01/12
tool

javascript
ãƒªãƒ³ã‚¯
Splide - ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«é…æ…®ã—ãŸè»½é‡ãƒ»é«˜æ©Ÿèƒ½ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚ ã»ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã€Lighthouseã®ã‚¨ãƒ©ãƒ¼ã‚‚ã‚ã‚Šã¾ã›ã‚“ã€‚
ogrenavi 2021/12/16
js

JavaScript
ãƒªãƒ³ã‚¯
ãƒŸãƒ‹ãƒžãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’npmã§å…¬é–‹ã—ã¾ã—ãŸ - Qiita
ã€æ›´æ–°å±¥æ´ã€‘ 2020/10/28 v1.0.0ã®æ©Ÿèƒ½ã«ã¤ã„ã¦è¿½è¨˜ã€‚ãƒ‡ãƒ¢ã‚’Github Pagesã«ç§»å‹•ã€‚ ãƒŸãƒ‹ãƒžãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ©ã‚¤ãƒ–ãƒ©ãƒª(MinimalModal.js)ã‚’è‡ªä½œã—ã¦ã¿ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ MinimalModal.jsã¨ã¯ TypeScriptã§ä½œæˆã•ã‚ŒãŸã€è»½é‡ã‹ã¤æœ€å°é™ã®æ©Ÿèƒ½ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ãªã‚“ã§ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªä½œã£ãŸã®ï¼Ÿ Micromodal.jsã‚’ä½¿ãŠã†ã¨æ€ã£ãŸã®ã§ã™ãŒã€ èƒŒæ™¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç„¡åŠ¹ãŒãªã‹ã£ãŸã‚Šã€IEæœªå¯¾å¿œã¨ã„ã£ãŸã¨ã“ã‚ãŒç§ã®ç”¨é€”ã«ã¯åˆã‚ãªã‹ã£ãŸãŸã‚ã€ ã„ã£ãã®ã“ã¨ä½œã£ã¦ã—ã¾ã£ãŸã»ã†ãŒæ—©ã„ã‹ãªã¨è€ƒãˆã€ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ æ©Ÿèƒ½ ãƒ¢ãƒ¼ãƒ€ãƒ«ç”¨ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®openå±žæ€§ã®æœ‰ç„¡ã€åŠã³aria-hiddenã®true/falseã®åˆ‡ã‚Šæ›¿ãˆ (é–‹é–‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSSã§å®Ÿè£…) èƒŒæ™¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã¾ãŸã¯ESCã‚ãƒ¼æŠ¼ä¸‹ã§ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚’é–‰ã˜ã‚‹ã€‚ (HTMLã®å®Ÿè£…æ¬¡ç¬¬ã§èƒŒæ™¯ã‚¯ãƒªãƒƒã‚¯
ogrenavi 2021/04/20
è»½é‡ãƒ¢ãƒ€ãƒ¼ãƒ«

JavaScript
ãƒªãƒ³ã‚¯
å…«æ–¹å¡žãŒã‚Šãªã®ã§ã€ä¸æœ¬æ„ãªãŒã‚‰JavaScriptã ã‘ã§ã¤ã‚ˆã¤ã‚ˆãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼ã‚’å®Ÿè£…ã™ã‚‹ã€‚ - Qiita
ã”æ³¨æ„ ä»Šå›žã¯ãŠä¸Šã®ã‚„ã‚“ã”ã¨ãªã„äº‹æƒ…ã§ã€ä»•æ–¹ãªãJSã§ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰èªè¨¼ã‚’ä½œã£ã¦ã„ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã¯ä¸€èˆ¬çš„ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹èªè¨¼æ–¹æ³•â€¦â€¦ ä¾‹ãˆã°ç°¡å˜ãªã¨ã“ã‚ã§ã„ã†ã¨Basicèªè¨¼ã§ã‚ã£ãŸã‚Šã€Firebaseã‚’ä½¿ã†ã»ã†ãŒè‰¯ã„ã®ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“ã€‚ ã•ã¦â€¦â€¦ é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã—ã‹ç½®ã‘ãªã„ã‚µãƒ¼ãƒãƒ¼ã‚’æ¸¡ã•ã‚ŒãŸã®ã ãŒâ€¦â€¦ é•·ããŠä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã¨ã€äº‹æƒ…éƒ½åˆã«ãŒã‚“ã˜ãŒã‚‰ã‚ã«ãªã£ã¦ã„ã‚‹è¦ä»¶ã«å‡ºä¼šã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã—ã‹ç½®ã‘ãªã„ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒãƒ¼ ã‚µãƒ¼ãƒãƒ¼è‡ªä½“ã®è¨å®šã¯è§¦ã‚Œãªã„ å¤–éƒ¨ã‚µãƒ¼ãƒ“ã‚¹ã¯ä½¿ã£ã¦ã¯ã„ã‘ãªã„ ã§ã‚‚åˆ¶é™ã•ã‚ŒãŸé ˜åŸŸå†…ã«æƒ…å ±ã‚’ç½®ããŸã„ ï¼Ÿï¼Ÿï¼Ÿã€Œâ—¯â—¯ã•ã‚“ã€JSã§ã©ã†ã«ã‹ã§ãã¾ã›ã‚“ã‹ï¼Ÿã€ ã‚ãªãŸã¯ã“ã“ã§æ€’ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã—ã€é¼»ã§ç¬‘ã£ã¦ãã£ã½ã‚’å‘ãã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ãŸã åƒ•ã¯å¤§äººã«ãªã£ã¦ã—ã¾ã„â€¦â€¦ æ–ã‚‹ã«æ–ã‚Œãªã„â€¦â€¦ ãã‚“ãªäº‹æƒ…ã‚‚å‡ºã¦ãã‚‹ã®ã§ã™ã€‚ å®Ÿéš›ã«ä½œã£ãŸã‚µãƒ³ãƒ—ãƒ« <!doctype html> <h
ogrenavi 2021/02/02
javascript
ãƒªãƒ³ã‚¯
ã€2019å¹´4æœˆç‰ˆã€‘JavaScriptã®consoleãŒã™ã”ã„ã“ã¨ã«ãªã£ã¦ãŸã€‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ogrenavi 2019/04/04
javascript

css
ãƒªãƒ³ã‚¯
ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€2011å¹´ã«ã€Œå°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ã€ã¨ã„ã†è¨˜äº‹ã§æ•°ã€…ã®ä¾¿åˆ©ãªåˆ¶ä½œæŠ€ã‚’ç´¹ä»‹ã—ãŸã®ã§ã™ãŒã€æ™‚ã¯æµã‚Œã€ä»Šã§ã¯CSSã®ã¿ã§è¡¨ç¾ã§ãã‚‹ã‚‚ã®ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ã¨ã„ã†äº‹ã§ä»Šå›žã¯ãã®è¨˜äº‹å†…ã§ç´¹ä»‹ã—ãŸæŠ€ã‚’ä¸å¿ƒã«ã€ã‹ã¤ã¦ã¯JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹å°æŠ€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª 20 ã® jQuery å°æŠ€é›† ç›®æ¬¡Div å…¨ä½“ã‚’ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã®å¶æ•°ãƒ»å¥‡æ•°ã®è¡Œã®è‰²ã‚’å¤‰ãˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥ã‚Œã¦ãŠãã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã§æ¶ˆã™ï¼ˆæ–‡å—è‰²ã‚‚å¤‰æ›´ï¼‰ãƒ©ã‚¸ã‚ªãƒœã‚¿ãƒ³ã¨ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’è£…é£¾ã™ã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãƒ‘ãƒãƒ«ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—è¨€èªžã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰æ›´æ¨ªä¸¦ã³ã® div ã®é«˜ã•æƒãˆã‚‹ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸Šä¸‹å·¦å³ä¸å¤®ã«é…ç½®ã™ã‚‹ãã‚Œã§ã¯å®Ÿéš›ã«ã©ã‚“ãª
ogrenavi 2017/07/07
CSS

javascript
ãƒªãƒ³ã‚¯
é«˜æ©Ÿèƒ½ã§éžä¾å˜ã®lightboxã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã€Œlightgallery.jsã€ - ã‹ã¡ã³ã¨.net
lightgallery.jsã¯é«˜æ©Ÿèƒ½ã§éžä¾å˜åž‹ã®lightboxå®Ÿè£…ã®ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã€è‡ªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åž‹ã€Youtubeã‚„Vimeoã€HTML5 Videoç‰ã®ã‚µãƒãƒ¼ãƒˆã€iframeã‚„Google Mapã®ã‚µãƒãƒ¼ãƒˆã€20ç¨®ã‹ã‚‰é¸ã¹ã‚‹CSS3 transitionsã«ã‚ˆã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€å„SNSã¸ã®ã‚·ã‚§ã‚¢ãƒœã‚¿ãƒ³ã€ãƒãƒƒã‚·ãƒ¥ãƒ—ãƒ©ã‚°ã‚¤ãƒ³å¯¾å¿œã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³åŒ–å¯¾å¿œãªã©ãªã©ã€ã‚ˆãã‚ã‚‹lightboxã®æ©Ÿèƒ½ã‚’è©°ã‚è¾¼ã‚“ã ã‚ˆã†ãªã‚‚ã®ã§ä¸”ã¤ã€jQueryç‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšå˜ä½“ã§å‹•ä½œã—ã¦ãã‚Œã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯ã‚ªãƒ¼ãƒˆãƒ—ãƒ¬ã‚¤ã€å‹•ç”»ã€ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³åŒ–ç‰ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ãƒ“ãƒ«ãƒˆã‚¤ãƒ³ã•ã‚Œã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯éžåœ§ç¸®ã®çŠ¶æ…‹ã§42KBã€åœ§ç¸®ç‰ˆã§24KBã»ã©ã§ã™ã€‚ãªã‹ãªã‹è‰¯ã„ã®ã§ã¯ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯Apache 2.0ã€‚ lightgalle
ogrenavi 2016/08/10
JavaScript

library

lightbox
ãƒªãƒ³ã‚¯
Transitions - Documentation - Vegas Background SlideShow
TransitionsVegas uses CSS3 transitions, older browsers will display a simple fade transition. $elmt.vegas({ slides: [ { src: '/img/slide1.jpg' }, { src: '/img/slide2.jpg' }, { src: '/img/slide3.jpg' } ], transition: 'fade' }); fadefade2slideLeftslideLeft2slideRightslideRight2slideUpslideUp2slideDownslideDown2zoomInzoomIn2zoomOutzoomOut2swirlLeftswirlLeft2swirlRightswirlRight2burnburn2blurblur2flas
ogrenavi 2015/04/06
JavaScript

ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼
ãƒªãƒ³ã‚¯
yuga.js :: Kyosuke.jp
yuga.jsã£ã¦ï¼Ÿ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ä¸Šã§é¢å€’ãªéƒ¨åˆ†ã‚’è‡ªå‹•ã§å®Ÿè£…ã—ãŸã‚Šã€ã¡ã‚‡ã£ã¨ã—ãŸæ©Ÿèƒ½ã‚’ç°¡å˜ã«è¿½åŠ ã—ãŸã‚Šã™ã‚‹JavaScriptã§ã™ã€‚jQueryã‚’ä½¿ã£ã¦ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚Webåˆ¶ä½œã‚’å„ªé›…ã«ã™ã‚‹ãŸã‚ã«ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ è¨ç½®æ–¹æ³• ã¾ãšã€ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€èªã¿è¾¼ã¿ãŸã„ã‚µã‚¤ãƒˆã®ä»»æ„ã®ãƒ•ã‚©ãƒ«ãƒ€ã«é…ç½®ã—ã¾ã™ã€‚ yuga.jsã‚’ä½¿ã„ãŸã„HTMLãƒ•ã‚¡ã‚¤ãƒ«ã®headè¦ç´ ã§javascriptã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
ogrenavi 2014/11/13
å„ªé›…ãªWebè£½ä½œè€…ã®ç‚ºã®ã€Žyuga.jsã€ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€ã‚¿ãƒ–æ”¯æ´ã€ãƒªãƒ³ã‚¯æ”¯æ´ã€ã™ã‚‹ã™ã‚‹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ç‰ã€…ã€€è¶…ä¾¿åˆ©

ã“ã‚Œã¯ä¾¿åˆ©

webåˆ¶ä½œ

JavaScript

library
ãƒªãƒ³ã‚¯
JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°Tipsé›† - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
JavaScriptã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã™ã‚‹Tipsé›†ã€‚ ä¸»ã«ä¸ç´šãƒ¬ãƒ™ãƒ«ã®è©±é¡Œã¨ãƒŽã‚¦ãƒã‚¦ã‚’æŽ²è¼‰ã™ã‚‹ã€‚ ãªãŠï¼ŒJavaScriptåˆç´šã€œä¸ç´šã‚’ã‚¯ã‚¤ã‚ºå½¢å¼ã§ç¶²ç¾…çš„ã«å¦ç¿’ã™ã‚‹ãŸã‚ã«ã¯ï¼Œä¸‹è¨˜ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã€‚ JavaScriptã®å‹•ã‹ãªã„ã‚³ãƒ¼ãƒ‰ã€€ã€€(JavaScriptã‚¨ãƒ©ãƒ¼é›†) http://language-and-engineering.hatena blog.jp/entry/20080912/1221297779 â€»JavaScriptä»¥å¤–ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ã¤ã„ã¦ã¯ï¼Œã“ã¡ã‚‰ã‚’å‚ç…§ã€‚ ãƒ”ãƒ¥ã‚¢JSã‚’æ¥µã‚ã‚‹ï¼š JavaScriptã§ï¼Œã‚¯ãƒ©ã‚¹ã‚’ç¶™æ‰¿ã™ã‚‹æ–¹æ³•ã€€ï¼ˆè¤‡æ•°ã®ã‚µãƒ–ã‚¯ãƒ©ã‚¹ã‹ã‚‰å…±é€šã‚¯ãƒ©ã‚¹ã®ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã‚’å‚ç…§ã™ã‚‹ï¼‰ JavaScriptã§ã®ä¾‹å¤–è¨è¨ˆã€€ï¼ˆthrowï¼Œtry-catch-finallyæ§‹æ–‡ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨åˆ©ç”¨ãƒ‘ã‚¿ãƒ¼ãƒ³ï¼‰ JavaScriptã§ï¼Œå‹•çš„ã«è¿½åŠ ã•ã‚ŒãŸã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®å®Ÿè¡Œé †åºã‚’ä¿
ogrenavi 2014/03/12
JavaScript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
äººæ°—ä¸Šæ˜‡ä¸ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èª¿ã¹ã¦ã¿ãŸï¼»ã‚¸ãƒ£ãƒ³ãƒ«åˆ¥ã«æ¯”è¼ƒï¼½
é€£è¼‰ INDEX æ¬¡å›ž â†’ ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã§ã€2015å¹´ç‰ˆã€‘ã‚‚ç™ºè¡¨ï¼ â– 2014å¹´ãŒå§‹ã¾ã‚Šã€å¿ƒæ©Ÿä¸€è»¢ã§ã€Œä»Šå¹´ã“ãã¯Webé–‹ç™ºã‚’é ‘å¼µã‚ã†ã€ã¨æ€ã£ã¦ã„ã‚‹äººã‚‚å°‘ãªããªã„ã ã‚ã†ã€‚ãã‚“ãªæ–¹ã€…ã«å‘ã‘ã¦æœ¬ç¨¿ã§ã¯ã€2013å¹´ä¸ã«äººæ°—ãŒæ€¥ä¸Šæ˜‡ã—ã¦ãã¦ãŠã‚Šã€ã€Œ2014å¹´ã§ã¯å¿…é ˆã®çŸ¥è˜ã€ã¨ãªã‚Šãã†ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆLibraryï¼‰ã‚’ãƒ©ãƒ³ã‚ãƒ³ã‚°å½¢å¼ã§ç™ºè¡¨ã™ã‚‹ã€‚ ãªãŠã€æœ¬ç¨¿ã®ãƒ©ãƒ³ã‚ãƒ³ã‚°æ±ºå®šã§ã¯ã€æ¤œç´¢ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã®æµè¡Œã‚’èª¿æŸ»å¯èƒ½ãªã€ŒGoogleãƒˆãƒ¬ãƒ³ãƒ‰ã€ï¼ˆã€Œã™ã¹ã¦ã®å›½ã€ã€ŒéŽåŽ» 12 ã‹æœˆé–“ã€ã€Œã™ã¹ã¦ã®ã‚«ãƒ†ã‚´ãƒªã€ã€Œã‚¦ã‚§ãƒ–æ¤œç´¢ã€ã¨ã„ã†æ¡ä»¶ã§çµžã‚Šè¾¼ã¿ï¼‰ã‚’ä½¿ã£ã¦ã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®äººæ°—ã‚’ã‚¸ãƒ£ãƒ³ãƒ«ã”ã¨ã«æ¯”è¼ƒã—ãŸï¼ˆâ€»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªåãŒä¸€èˆ¬çš„ãªè‹±å˜èªžã®å ´åˆã€Webæ¤œç´¢æ™‚ã«ã€ãã®è‹±å˜èªžã«ã‚‚ãƒ’ãƒƒãƒˆã—ã¦ã—ã¾ã†ã€‚ã“ã®ãƒŽã‚¤ã‚ºãŒGoogleãƒˆãƒ¬ãƒ³ãƒ‰ã§ã®çµæžœã¨ã—ã¦å…¥ã‚Šè¾¼ã‚“ã§ã„ã‚‹å¯èƒ½æ€§ãŒé«˜ã„ã“ã¨ã‚’ã”äº†æ‰¿ã„ãŸã ããŸã„ã€‚å„ã‚¸ãƒ£ãƒ³ãƒ«ã¯ã€ç†è€…ãŒç‹¬è‡ª
ogrenavi 2014/01/22
JavaScript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
HTML5ã®Canvasã§ã¤ãã‚‹ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªè¡¨ç¾â€•CreateJSã‚’ä½¿ã† è¨˜äº‹ä¸€è¦§ | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright Â© 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ãƒšãƒ¼ã‚¸å†…å®¹ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â ã€‚å€‹åˆ¥ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„ã‚‹è¨˜äº‹ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
ogrenavi 2014/01/22
canvas

javascript
ãƒªãƒ³ã‚¯
ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã™ã‚‹jQueryã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆæ”¹ | WebÂ Mugen
IE6ã§ã¯aè¦ç´ ä»¥å¤–ã«:hoveræ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’ä½¿ç”¨ã§ããšã€min-widthãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚‚åŠ¹ã‹ãªã„ã®ã§ã€HTMLãƒ˜ãƒƒãƒ€ãƒ¼å†…ã«ä»¥ä¸‹ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã‚“ã§å¯¾å¿œã™ã‚‹ã€‚ ä»¥ä¸‹ã®æ§˜ã«ul#dropdownmenuå†…ã«ãƒªã‚¹ãƒˆã®å…¥ã‚Œåã‚’ã¤ãã‚‹ã€‚å…¥ã‚Œåã®æ•°ã«åˆ¶é™ã¯ãªã„ã€‚ <ul id="dropdownmenu"> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a><ul> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a></li> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a></li> </ul></li> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a><ul> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a></li> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a></li> </ul></li> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ</a><ul> <li><a href="#">ãƒ†ã‚ã‚¹ãƒˆ
ogrenavi 2013/12/10
jQuery

JavaScript
ãƒªãƒ³ã‚¯
é¼Žç››å›½é™…æ¸¸æˆå¹³å°-ï¼»è¯šä¿¡ç¬¬ä¸€ï¼½
é¼Žç››å›½é™…æ¸¸æˆå¹³å°-ï¼»è¯šä¿¡ç¬¬ä¸€ï¼½æ˜¯åŒ…å«äº†æ–°è‘¡äº¬ã€å¨å°¼æ–¯äººã€é‡‘æ²™ã€BBINç”µåã€MGçœŸäººè§†è®¯ã€BET365ç‰å¤šä¸ªå®˜æ–¹å¹³å°ï¼Œæ¸¸æˆã€ä½“è‚²ã€å¨±ä¹çš„ç¬¬ä¸€é¦–é€‰ï¼Œç‚¹å‡»è¿›å…¥æœ€æ–°çš„å¨±ä¹é›†å›¢ç½‘å€:www.782net,www.2007com,www.9159com,www.js333com,ä½¿é¼Žç››å›½é™…æ¸¸æˆå¹³å°-ï¼»è¯šä¿¡ç¬¬ä¸€ï¼½æˆä¸ºäºšæ´²ä¸€æµçš„å¨±ä¹å¹³å°,é¼Žç››å›½é™…æ¸¸æˆå¹³å°-ï¼»è¯šä¿¡ç¬¬ä¸€ï¼½,æ³¨å†Œå…è´¹é€28å…ƒ2015ã€‚
ogrenavi 2013/12/10
JavaScript

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
FlexSlider 2
// Can also be used with $(document).ready() $(window).load(function() { $('.flexslider').flexslider({ animation: "slide" }); });  <div class="flexslider"> <ul class="slides"> <li> <img src="slide1.jpg" /> </li> <li> <img src="slide2.jpg" /> </li> <li> <img src="slide3.jpg" /> </li> <li> <img src="slide4.jpg" /> </li> </ul> </div>
ogrenavi 2013/11/21
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

javascript

jquery

ã‚¹ãƒ©ã‚¤ãƒ‰
ãƒªãƒ³ã‚¯
ç”»åƒãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«Loadingã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒHow to Create an Awesome Image Preloader ã€ï½œBLACKFLAG
æœ€è¿‘ã§ã¯Webãƒšãƒ¼ã‚¸ä¸Šã«å¤šãã®ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ãªå ´åˆã«ã¯ã€ èªã¿è¾¼ã‚€ã¾ã§ã«Loadingã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ãƒˆãƒ¬ã‚¹ã‚’è»½æ¸›ã•ã›ã‚‹æ‰‹æ³•ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ãŒã€ ãã‚Œã‚’ç°¡å˜ã«çµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€ŒHow to Create an Awesome Image Preloader ã€ãŒä¾¿åˆ©ãã†ã ã£ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ â‰«How to Create an Awesome Image Preloader | Nettuts+ â‰«DEMOï¼šImage Preloader ãƒ‡ãƒ¢ç”»é¢ä¸Šã§å‹•ä½œã‚’ç¢ºèªã™ã‚‹ã¨ä»¥ä¸‹ã®æ§˜ãªæ„Ÿã˜ã«ã€‚ DEMOï¼šImage Preloader å˜ç´”ã«ç”»åƒãƒãƒ¼ãƒ‰ä¸ã«Loadingã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã ã‘ã§ãªã å®Œäº†å¾Œã¯ç”»åƒãŒé †ã€…ã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ãã‚‹åŠ æ¸›ãŒæ°—æŒã¡ã„ã„ã€‚ Loadingä¸ã¯è©²å½“è¦ç´ ã«å¯¾ã—ã¦ã€Œ.preloaderã€ã®ã‚¯ãƒ©ã‚¹ã‚’ä»˜åŠ ã—ã¦ã€
ogrenavi 2013/11/19
Javascript

jQuery
ãƒªãƒ³ã‚¯
mgzl.jp
ogrenavi 2013/11/19
jqueryã‚’ä½¿ã£ãŸãƒ—ãƒªãƒãƒ¼ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

JavaScript

library
ãƒªãƒ³ã‚¯
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
ogrenavi 2013/11/02
IE6-7-8ã§ã‚‚ã€èƒŒæ™¯è¤‡æ•°ã‚„ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ãƒ»è§’ä¸¸ã«å¯¾å¿œã™ã‚‹ã€å‚è€ƒã€‘CSS3ã‚’ä½¿ã†ã«ã‚ãŸã£ã¦çŸ¥ã£ã¦ãŠããŸã„IEå¯¾ç–ã®ã¾ã¨ã‚ï½œWebpark <http://weboook.blog22.fc2.com/blog-entry-315.html>

JavaScript

library
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸