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

z_dogma id:z_dogma

jqueryã¨JavaScriptã«é–¢ã™ã‚‹z_dogmaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

çŸæœŸé–“ã§ã‚ã‚‹ç¨‹åº¦ã¾ã§jQueryãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ç‹¬å¦Webãƒ‡ã‚¶ã‚¤ãƒ³å‹‰å¼·æ³•ã‚’æ›¸ã„ã¦ã¿ã‚‹ - Yukihy Life
HTMLã€CSSã®å‹‰å¼·æ³•ã‚’ä»¥å‰æ›¸ãã¾ã—ãŸã€‚ www.yukihy.com ã“ã®è¨˜äº‹ã‚’æ›¸ã„ãŸã‚ã¨ã€jQueryã«æŒ‘æˆ¦ã‚’ã—ã¦ã€ã¾ã ã¾ã å®Œç’§ã§ã¯ãªã„ã‚‚ã®ã®å®Ÿéš›ã«ã“ã®ã¯ã¦ãªãƒ–ãƒã‚°ã‚’é€šã—ã¦ã€ã„ã‚ã‚“ãªãƒ–ãƒã‚°ãƒ‘ãƒ¼ãƒ„ã®ã‚ˆã†ãªã‚‚ã®ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ãã“ã§ã€jQueryã‚’å‹‰å¼·ã™ã‚‹ã¨ãã€åŠ¹çŽ‡è‰¯ãèº«ã«ã¤ã‘ã‚‰ã‚Œã‚‹æ–¹æ³•ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ åƒ•è‡ªèº«ã„ã‚ã‚“ãªæœ¬ã‚„ãƒ„ãƒ¼ãƒ«ã«æ‰‹ã‚’å‡ºã—ãªãŒã‚‰é€²ã‚ã¦ããŸã®ã§ã€å®Ÿéš›ã«ä¸‹ã®é€šã‚Šã«è¡Œã£ãŸã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚‚ã†ä¸€åº¦å‹‰å¼·ã—ãªãŠã™ã¨ã—ãŸã‚‰ã“ã†ã„ã£ãŸã‚ˆã†ã«ã‚„ã‚‹ãªã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ãã‚Œã§ã¯ãƒ¬ãƒƒãƒ„ã‚´ãƒ¼ï¼ jQueryã‚’èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®æœ€çŸã‚¹ãƒ†ãƒƒãƒ— ã‚¹ãƒ†ãƒƒãƒ—ï¼‘ã€€Progateã§æ‰‹ã‚’å‹•ã‹ã—ãªãŒã‚‰å¦ã¶ ã‚¹ãƒ†ãƒƒãƒ—ï¼’ã€€å¹³è¡Œã—ã¦Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã®è¨˜äº‹ã‚’èªã‚€ ã‚¹ãƒ†ãƒƒãƒ—ï¼“ã€€ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ç·å¾©ç¿’&è£œå®Œ ã‚¹ãƒ†ãƒƒãƒ—ï¼”ã€€æ›¸ç±ã‚’å‚è€ƒã«å®Ÿéš›ã«ä½œã£ã¦ã¿ã‚‹ ä½œã‚ŠãªãŒã‚‰å¦ã¶jQueryãƒ‡ã‚¶ã‚¤ãƒ³ã®æ•™ç§‘æ›¸
z_dogma 2015/10/09
jquery

web

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

JavaScript

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Youâ€™ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
z_dogma 2015/10/04
ã“ã‚Œä½¿ã„ãŸã‹ã£ãŸã‚„ã¤ã ï¼

jquery

CSS

plugin

Javascript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
React.jsã§ã¯ãªãRiot.jsã‚’æŽ¡ç”¨ã—ãŸè©±ã€é‹ç”¨ä¸ã‚µãƒ¼ãƒ“ã‚¹ã€ŽGAMYã€ã§ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ« - Qiita
ä»Šå›žã€ã‚²ãƒ¼ãƒ æ”»ç•¥ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€ŽGAMYã€ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã§Riot.jsã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ çŸ¥ã‚‹é™ã‚Šã§Riot.jsã§å®Ÿè£…ã•ã‚ŒãŸã‚µã‚¤ãƒˆã®ä¸ã§ã‚‚æœ€å¤§è¦æ¨¡ã®ã‚µãƒ¼ãƒ“ã‚¹ã ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã¯jQueryã¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã‚’æ©Ÿã«ã€å…¨éƒ¨æ›¸ãæ›ãˆã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚‚å…¼ãã¦ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã—ã¦ã„ãã¾ã™ã€‚ ##Riot.jsã¨ã¯ Riot.jsã¯ä»Šæµè¡Œã‚Šã®React.jsã«ä¼¼ãŸä»•çµ„ã¿ã‚’æŒã£ã¦ã„ã‚‹ã€ãã‚Œã§éžå¸¸ã«è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ æœ€è¿‘GitHubã®ãƒªãƒã‚¸ãƒˆãƒªãŒ**/muut/riotjsã‹ã‚‰/riot/riot**ã«ãŠå¼•ã£è¶Šã—ã—ã¦ã€ã“ã‚Œã‹ã‚‰ãŒã‚ˆã‚Šæ³¨ç›®ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã§ã™ã€‚ è©³ã—ãã¯ã“ã¡ã‚‰â†“ Riotå…¬å¼ Riot.js 2.0 æƒ…å ±ã¾ã¨ã‚ GitHub ##æ¨ã¦ã‚‹ã“ã¨ã‚’å‰æã¨ã—ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼é¸å®š æœ€åˆã¯ä»Šãƒ–ãƒ¼ãƒ ã®ï¼’å¤§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼
z_dogma 2015/06/18
riot.js

jquery

javascript

react.js

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
[JS]ã“ã‚Œã¯ä¾¿åˆ©ï¼YouTubeã®å‹•ç”»ã‚’ã¯ã˜ã‚ã€Vineã‚„TEDã‚„CodePenã‚„ãƒ„ã‚¤ãƒ¼ãƒˆã‚„PDFã‚„Googleãƒžãƒƒãƒ—ã¾ã§ç°¡å˜ã«ãƒšãƒ¼ã‚¸ã«åŸ‹ã‚è¾¼ã‚ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Embed.js
ãƒ‡ãƒ¢ï¼šGoogleãƒžãƒƒãƒ— Googleãƒžãƒƒãƒ—ã‚‚ã‚µãƒãƒ¼ãƒˆã€‚ Embed.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨jquery.jsã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.css"/> <script src="path/to/jquery.min.js"></script> <script src="path/to/jquery.embed.js"></script> </head> Twitterã‚’åŸ‹ã‚è¾¼ã‚€æ™‚ã«ã¯ã€Œwidgets.jsã€ã€ã‚³ãƒ¼ãƒ‰ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã«ã¯ã€Œhighlight.min.jsã€ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="path/to/jquery.embed.
z_dogma 2015/04/15
jquery

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³

js

JavaScript
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒWaypointsã€ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ä¸ã«è¦ç´ ãŒå‡ºç¾ã™ã‚‹ã‚µã‚¤ãƒˆã‚’ä½œã‚ã†ï¼ | Neganin(ãƒã‚¬ãƒ‹ãƒ³)
2. ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ã€ŒjQueryã€æœ¬ä½“ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã‹ã€Googleã«ãƒ›ã‚¹ãƒˆã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã¿ã¾ã—ã‚‡ã†ã€‚ ã€ŒWaypointsã€ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯3.1.1ã§ã™ã€‚ä¸‹è¨˜ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã€Œlibã€ãƒ•ã‚©ãƒ«ãƒ€å†…ã®ã€Œjquery.waypoints.min.jsã€ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ jQuery Waypoints <header id="header"> <h1>Waypoints</h1> </header> <p id="text">jQuery Waypoints Demo</p> <div id="content"> <div id="wrapper"> <section class="section"> <figure class="thumb"><img src="img/thumb1.jpg"></figure> <h2>Title</h2> <p>Text Text
z_dogma 2015/02/26
jquery

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

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

JavaScript

webé–‹ç™º

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1