[B! js] baba_jdlã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

baba_jdl id:baba_jdl

jsã«é–¢ã™ã‚‹baba_jdlã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

Webãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’ç°¡å˜ã«å®Ÿè£…ï¼ã€ŒPush.jsã€ã®ä½¿ã„æ–¹ã‚’å¾¹åº•è§£èª¬
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªã§ã¯ãŠãªã˜ã¿ã®ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã€‚ å®Ÿã¯ã€Webãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã‚‚ã§ãã‚‹ã“ã¨ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ JavaScriptã®*ã€ŒWeb Notification APIã€*ã¨ã„ã†ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’åˆ¶å¾¡ã™ã‚‹APIã‚’ä½¿ã†ã“ã¨ã§ã€ãƒ¢ãƒã‚¤ãƒ«ã ã‘ã§ãªããƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ã‚‚Webã‚µã‚¤ãƒˆçµŒç”±ã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®å¤šããŒã‚µãƒãƒ¼ãƒˆã‚’å§‹ã‚ã¦ã„ã‚‹ä¸€æ–¹ã§ã€ã¾ã åˆ©ç”¨ã—ãŸã“ã¨ãŒãªã„ã²ã¨ã‚‚å¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ä»Šå›žã¯ã€Web Notification APIã‚’ç°¡å˜ã«æ‰±ã†ã“ã¨ãŒã§ãã‚‹Push.jsã‚’ä½¿ã£ã¦ã€ç°¡å˜ã«ãƒ–ãƒ©ã‚¦ã‚¶é€šçŸ¥ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã¨ã¯ï¼Ÿ ã“ã‚Œã¾ã§ã¯ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®æ›´æ–°ã‚’é€šçŸ¥ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯RSSã‚„ãƒ¡ãƒ¼ãƒ«ãªã©ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹äººãŒå¤šã‹ã£ãŸã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã—ã‹ã—ã€RSSã¯RSSãƒªãƒ¼ãƒ€ãƒ¼ã«ç™»éŒ²ã™ã‚‹æ‰‹é–“ãŒå¿…è¦ã§ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚‚ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ãƒ¦ãƒ¼
baba_jdl 2017/08/14
ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥

jQuery

js
ãƒªãƒ³ã‚¯
chart.jså…¥é–€ - Qiita
 <script src="js/Chart.min.js"></script>  <canvas id="lineChartCanvas" height="450" width="600"></canvas>  <ul id="chart_legend"></ul> var lineChartData = { //xè»¸ã®æƒ…å ± labels : ['1æœˆ', '2æœˆ', '3æœˆ', '4æœˆ', '5æœˆ', '6æœˆ', '7æœˆ', '8æœˆ', '9æœˆ', '10æœˆ', '11æœˆ', '12æœˆ'], //å„ã‚°ãƒ©ãƒ•ã®æƒ…å ±ã€‚è¤‡æ•°æ¸¡ã™ã“ã¨ãŒã§ãã‚‹ã€‚ datasets : [ { //rgba(220, 220, 220, 1)ã¯ã€rgbã¨é€éŽåº¦ã€‚ //ç·šã®è‰²ã€‚ãƒã‚¤ãƒ³ãƒˆã®è‰²ã‚’çœç•¥ã™ã‚‹ã¨ç·šã®è‰²ã¨åŒã˜ã«ãªã‚‹ã€‚ strokeC
baba_jdl 2017/03/20
ã‚°ãƒ©ãƒ•

chart

js
ãƒªãƒ³ã‚¯
ç§ãŸã¡ã¯ãªãœReactã§ã¯ãªãVue.jsã‚’é¸ã‚“ã ã®ã‹ | POSTD
Qwintryãƒãƒ¼ãƒ ã¯æœ€è¿‘ã€æ—¢å˜ã®ã™ã¹ã¦ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’Vue.jsã«ç§»è¡Œã—ã¯ã˜ã‚ã¾ã—ãŸã€‚æ–°ã—ã„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã‚‚Vue.jsã‚’ä½¿ã„ã¾ã™ã€‚ ãƒ¬ã‚¬ã‚·ãƒ¼ãªDrupalã®ã‚·ã‚¹ãƒ†ãƒ ï¼ˆqwintry.comï¼‰ ã‚¼ãƒã‹ã‚‰æ–°ã—ãæ›¸ããªãŠã™qwintry.comã®ãƒ–ãƒ©ãƒ³ãƒ Yii2ã§å‹•ãb2bã‚·ã‚¹ãƒ†ãƒ ï¼ˆlogistics.qwintry.comï¼‰ ãã®ä»–ã€æ¯”è¼ƒçš„å°ã•ã‚ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆã»ã¨ã‚“ã©ã¯ã€PHPã¨Node.jsã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’æ§‹ç¯‰ã—ã¦ã„ã‚‹ã‚‚ã®ï¼‰ ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®è¦æ¨¡ã«ã¤ã„ã¦ã„ã†ã¨ã€ Qwintry ã¯ä¸–ç•Œä¸ã§ç´„50ä¸‡äººã®é¡§å®¢ãŒä½¿ã£ã¦ã„ã¾ã™ã€‚ã‚¢ãƒ¡ãƒªã‚«ã¨ãƒ‰ã‚¤ãƒ„ã«å€‰åº«ã‚’æŒã£ã¦ã„ã¦ã€ã‚¢ãƒ¡ãƒªã‚«å›½å†… æœ€å¤§ã®éƒµé€å…ˆ ã®ã²ã¨ã¤ã§ã€æ±æ¬§ã‚„ä¸æ±ã¸ã®å‡ºè·ã«æ³¨åŠ›ã—ã¦ã„ã¾ã™ã€‚Qwintryã¯ã€ã‚¢ãƒ¡ãƒªã‚«ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¹ãƒˆã‚¢ã§ã‚°ãƒƒã‚ºã‚’è³¼å…¥ã™ã‚‹äººãŸã¡ã®ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ç§ãŸã¡ã®å€‰åº«ã«å±Šã„ãŸè·ç‰©ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãƒ‘ãƒãƒ«ã§ç®¡ç†ã§
baba_jdl 2017/01/30
js

ã‚ã¨ã§èªã‚€

javascript

vue.js
ãƒªãƒ³ã‚¯
PACE â€” Automatic page load progress bars
What is Pace? Include pace.js and a CSS theme of your choice, and you get a beautiful progress indicator for your page load and ajax navigation. No need to hook into any of your code, progress is detected automatically. Download If youâ€™re a developer, download Pace directly here: Pace.js Themes Enter a color:
baba_jdl 2016/07/20
js

jQuery

css

JavaScript

ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼

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

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

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

ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšã§å®Œäº†ï¼12ç¨®é¡žã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’ç°¡å˜ã«å°Žå…¥ã§ãã‚‹PACE.js | co-jin
ã™ã§ã«å½“ã‚µã‚¤ãƒˆã«ã‚‚å°Žå…¥ã—ã¦ã¿ãŸã®ã§ã™ãŒã€ãŠæ°—ã¥ãã§ã—ã‚‡ã†ã‹ã€‚ PCç‰ˆã§å½“ã‚µã‚¤ãƒˆã‚’ã”è¦§ã„ãŸã ãã¨ã€ç”»é¢å³ä¸Šã«ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã§ã™ã€‚ ãƒšãƒ¼ã‚¸ã®èªã¿è¾¼ã¿ãŒå®Œäº†ã—ã¦ã€100%ã«ãªã‚‹ã¨æ¶ˆãˆã¦ã„ãã¾ã™ã€‚ ã“ã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã¯PACE.jsã‚’ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚ŒãŒã¨ã£ã¦ã‚‚ãŠæ‰‹è»½ã ã£ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ã—ã‚ˆã‚ã—ã‘ã‚Œã°ã©ã†ãžã€‚ PACE.jsã¯ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚“ã§ã€CSSã ã‘ã§12ç¨®é¡žã®ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’è¡¨ç¤ºã§ãã‚‹ã€è¶…ãŠæ‰‹è»½ãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã§ã™ã€‚ PACE â€” Automatic page load progress bars PACE.jsã®ä½¿ã„æ–¹ï¼šjQueryã‚’èªã¿è¾¼ã‚€ jQueryã‚’èªã¿è¾¼ã‚“ã§ã„ãªã„æ–¹ã¯jQueryã‚’ã¾ãšã¯èªã¿è¾¼ã‚“ã§ãã ã•ã„ã€‚
baba_jdl 2016/07/20
js

jQuery

css

JavaScript

ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼

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

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

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

ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ãƒãƒ¼
ãƒªãƒ³ã‚¯
ã€jQueryã€‘ï¼»Masonryï¼½ã®è¡¨ç¤ºã®ä¸å…·åˆã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã«ï¼»imagesLoadedï¼½ã‚’ä½µç”¨ã™ã‚‹æ–¹æ³•ã€‚
æ ªå¼ä¼šç¤¾ã‚ªãƒ³ã‚º é–‹ç™ºãƒ–ãƒã‚° ã€jQueryã€‘ï¼»Masonryï¼½ã®è¡¨ç¤ºã®ä¸å…·åˆã‚’è§£æ¶ˆã™ã‚‹ãŸã‚ã«ï¼»imagesLoadedï¼½ã‚’ä½µç”¨ã™ã‚‹æ–¹æ³•ã€‚ ï¼»jQuery Masonryï¼½ã‚’ä½¿ã†éš›ã€Webkitç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariã€Chromeï¼‰ã«ã‚ˆã£ã¦ã¯ã€èªã¿è¾¼ã¿ã®éš›ã«ãƒœãƒƒã‚¯ã‚¹ãŒé‡ãªã‚Šã€åˆå‹•ã§ã¯æ„å›³ã—ãŸã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œãªã„ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ å··ã®ãƒ–ãƒã‚°ã§ã¯ã€ãã®ä¸å…·åˆã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€Œ<img>è¦ç´ ã«ï¼»widthï¼½ï¼»heightï¼½å±žæ€§ã‚’ãã‚Œãžã‚Œè¨˜è¿°ã—ã¦ãŠã‘ã°å¤§ä¸ˆå¤«ã€ã¨ã„ã†è¨˜äº‹ã‚’è¦‹ã‹ã‘ã¾ã™ã€‚ ã—ã‹ã—å®Ÿéš›ã«ã¯ã€ãã®æ–¹æ³•ã§ã¯å•é¡Œã‚’è§£æ±ºã—ãã‚Œã¾ã›ã‚“ã€‚ ãã“ã§ãŠå‹§ã‚ã™ã‚‹ã®ã¯ã€åŒã˜jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ï¼»imagesLoadedï¼½ã‚’ä½µç”¨ã™ã‚‹ãƒ¯ã‚¶ã§ã™ã€‚ ï¼»imagesLoadedï¼½ã‚’ä½¿ã†ã¨ã€ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹éš›ã€å…ˆã«ãƒ‡ãƒ¼ã‚¿ã‚’å®Œå…¨ã«èªã¿è¾¼ã¿ã€èªã¿è¾¼ã¿ãŒå®Œäº†ã—ãŸå¾Œã«ä»»æ„ã®å‡¦ç†ã‚’å®Ÿè¡Œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã“ã®ç‰¹æ€§ã‚’åˆ©ç”¨ã—
baba_jdl 2016/07/06
jQuery

js

javascript

web

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

css
ãƒªãƒ³ã‚¯
Material Design Lite
Blog A mobile focused responsive template that showcases image or text based blog entries, a subscription CTA, search & share links, and an expanded article page with comments, counters and bookmarking capabilities built-in. file_download Download arrow_forward Preview Android.com MDL skin A Material Design Lite version of the current android.com site, using the same content with a horizontal navi
baba_jdl 2016/06/15
web

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

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

js
ãƒªãƒ³ã‚¯
Foundation for Sites | The most advanced responsive front-end frameworks in the world.
Responsive design gets a whole lot faster A Framework for any device, medium, and accessibility. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and em ails that look amazing on any device. Foundation is semantic, readable, flexible, and completely customizable. Weâ€™re constantly adding new resources and code snippets, includi
baba_jdl 2016/06/15
js

github

css

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
suggest.js - å…¥åŠ›è£œå®Œãƒ©ã‚¤ãƒ–ãƒ©ãƒª
JapaneseÂ /Â English JavaScriptã§å…¥åŠ›è£œå®Œã‚’æ‰‹è»½ã«è¡Œã†ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ (ã€ãŠçŸ¥ã‚‰ã›ã€‘ver2.0ã‹ã‚‰prototype.jsã‚’å¿…è¦ã¨ã—ãªããªã‚Šã¾ã—ãŸ) ä¸‹è¨˜ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ å…¥åŠ›å†…å®¹ã‚’ã‚‚ã¨ã«æ¤œç´¢ã‚’è¡Œã„ã€è£œå®Œå€™è£œã‚’è¡¨ç¤ºã—ã¾ã™ã€‚(Google Suggestã½ã) Ajaxã§ã¯ç„¡ãã€åˆå›žç”»é¢è¡¨ç¤ºæ™‚ã®ã¿ãƒ‡ãƒ¼ã‚¿ã®èªã¿è¾¼ã¿ã‚’è¡Œã„ã€ãã‚Œä»¥é™ã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§å¯¾è±¡ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰æ¤œç´¢ã—ã¾ã™ã€‚ã—ãŸãŒã£ã¦ã€å…¥åŠ›å†…å®¹ã«å¤‰åŒ–ãŒã‚ã£ã¦ã‚‚ã‚µãƒ¼ãƒå´ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ¤œç´¢ã¯ã€å‰æ–¹ä¸€è‡´/éƒ¨åˆ†ä¸€è‡´ã€å¤§æ–‡å—ã¨å°æ–‡å—ã®åŒºåˆ¥ã‚ã‚Š/ãªã—ã¨ã„ã£ãŸã‚ˆã†ã«ã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§ç°¡å˜ã«æŒ‡å®šã§ãã¾ã™ã€‚ã¾ãŸã€ãã®ä»–ã«ã‚‚æ§˜ã€…ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒæŒ‡å®šå¯èƒ½ã§ã™ã€‚ æ¤œç´¢çµæžœã®è¡¨ç¤ºä¸Šé™ã‚’æŒ‡å®šã§ãã¾ã™ã€‚(ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆä¸Šé™20ä»¶) è£œå®Œå€™è£œã¯ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ä¸Šä¸‹ã¨ã€ãƒžã‚¦ã‚¹ã«ã¦é¸æŠžã§ãã¾ã™ã€‚ã¾ãŸã€ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã§é¸æŠžä¸ã«ES
baba_jdl 2016/06/14
äºˆæ¸¬å¤‰æ›

JavaScript

suggest

js

web
ãƒªãƒ³ã‚¯
1