[B! javascript] shukaido170ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shukaido170 id:shukaido170

javascriptã«é–¢ã™ã‚‹shukaido170ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (98)

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

ä»•äº‹ã§ã™ãã«ä½¿ãˆã‚‹TypeScript - PDFç‰ˆ
TypeScript Future Corporation 2022 11 14 i TypeScript 1 3 1.1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3 1.2 TypeScript . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.3 TypeScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1.4 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 1.5 . . . . . . . . .
shukaido170 2022/05/26
JavaScript

pdf

reference

book
ãƒªãƒ³ã‚¯
JavaScript ä»Šãƒ‰ã‚ãªæ›¸ãæ–¹ ES2020
é…ä¿¡å‹•ç”»ã¯ã“ã¡ã‚‰ https://www.youtube.com/watch?v=x1XdqWtPUdg ã‚‚ã—è‰¯ã‹ã£ãŸã‚‰ãƒ ãƒ¼ã‚¶ãƒ«ã¡ã‚ƒã‚“ãã‚‹ã®ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ãŠé¡˜ã„ã—ã¾ã™ï¼ https://www.youtube.com/channel/UCLPHXwLp90A5R69Eltxo-sg Twâ€¦
shukaido170 2020/11/15
JavaScript

ECMAScript
ãƒªãƒ³ã‚¯
jQueryã§ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ä¸ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ï½œGimmick log
TOPjQuery jQueryã§ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ä¸ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³• jQueryã§ãƒšãƒ¼ã‚¸èªã¿è¾¼ã¿ä¸ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³• å…¬é–‹æ—¥ï¼š2015.11.20 æ›´æ–°æ—¥ï¼š2020.05.19 jQuery, ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚° jQueryã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’å®Ÿè£…ã—ã¾ã—ãŸã€‚ å…¨ã¦ã®ãƒšãƒ¼ã‚¸ã®å†…å®¹ãŒèªã¿è¾¼ã¾ã‚ŒãŸã‚‰ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ãŒéžè¡¨ç¤ºã«ãªã‚‹ä»•æ§˜ã§ã™ã€‚ 2GRAVITYæ§˜ã®æ–¹æ³•ã‚’å‚è€ƒã«ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ jQueryã‚’ä½¿ã‚ãšã«javaScriptã§å®Ÿè£…ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã“ã¡ã‚‰ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£…æ–¹æ³• html ãƒãƒ¼ãƒ‰ç”»é¢ã¨ãƒãƒ¼ãƒ‰å¾Œã«è¡¨ç¤ºã•ã›ãŸã„è¦ç´ ã‚’å€‹åˆ¥ã«æ‹¬ã£ã¦ãŠãã¾ã™ã€‚ <div id="loader-bg"> <div id="loader"> <img src="img-loading.gif" width="80" height="80" alt="Now Loading.
shukaido170 2020/09/30
CSS

javascript
ãƒªãƒ³ã‚¯
é…åˆ—ã‚’å¾ã™ã‚‹è€…ã¯JSã‚’åˆ¶ã™ã€‚JavaScriptã®ã‚¹ãƒžãƒ¼ãƒˆãªé…åˆ—æ“ä½œãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - ICS MEDIA
JavaScriptã§ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã™ã‚‹éš›ã€é…åˆ—ã®å„è¦ç´ ã«ã¤ã„ã¦å‡¦ç†ã‚’ã™ã‚‹ã‚±ãƒ¼ã‚¹ã¯é »å‡ºã—ã¾ã™ã€‚é–‹ç™ºã®ç¾å ´ã§é…åˆ—æ“ä½œã®å‡¦ç†ã‚’è¦‹ã¦ã„ã‚‹ã¨ã€æ¬¡ã®ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ é…åˆ—ã®éžç ´å£Šã®æœ›ã¾ã‚Œã‚‹å ´é¢ãŒå¢—ãˆã¦ã„ã‚‹ãŒã€å…ƒã®é…åˆ—ã‚’ç ´å£Šæ“ä½œã—ã¦ã„ã‚‹ filter()ã‚„every()ãªã©é…åˆ—ã®ãƒ¡ã‚½ãƒƒãƒ‰ã§æ›¸ã‘ã‚‹ã¨ã“ã‚ã‚’ã€forEach()ãƒ¡ã‚½ãƒƒãƒ‰ã‚„for ... ofæ–‡ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¼‰ã—ã€å†—é•·ã«ãªã£ã¦ã„ã‚‹ è¨˜è¿°ã—ã¦ã‚‚åŠ¹æžœã®ãªã„Array.from()ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ ã‚³ãƒ¼ãƒ‰çš„ã«ã¯å•é¡Œãªãã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯æ„å›³çš„ã«å‹•ä½œã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã—ã‹ã—ã€å†—é•·ãªè¨˜è¿°ã¯å¯èªæ€§ãŒä½Žä¸‹ã—ã€äºˆæœŸã›ã¬ãƒã‚°ã‚’èª˜ç™ºã™ã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã§ã—ã‚‡ã†ã€‚ æœ¬è¨˜äº‹ã§ã¯ã€é…åˆ—æ“ä½œã§ã‚ˆãè¦‹ã‹ã‘ã‚‹å†—é•·ãªè¨˜è¿°ã‚’ã€ç°¡æ½”ãªè¨˜è¿°ã§ç½®ãæ›ãˆã‚‹æ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã§ç´¹ä»‹ã™ã‚‹JavaScriptã®é…åˆ—æ“ä½œã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç”¨æ„ã—ãŸã®ã§ã€ã¾ã¨ã‚ã¦èªã¿ãŸ
shukaido170 2020/08/26
JavaScript
ãƒªãƒ³ã‚¯
ES2015(ES6) å…¥é–€ - Qiita
ã¯ã˜ã‚ã« ä»Šæ›´ã§ã™ãŒã€ES2015(ES6)ã§è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã‚„æ§‹æ–‡ã«é–¢ã™ã‚‹å‚™å¿˜éŒ²ã§ã™ã€‚ ã€ŒJSã¯æ›¸ã‘ã‚‹ã‘ã©ES2015(ES6)ã¯ã‚ã‹ã‚‰ãªã„ã£ã™...!ã€ã¨ã„ã£ãŸäººé”å‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ å…¥é–€è¨˜äº‹ã®ãŸã‚ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚¿ã‚„ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ç‰ã®ã‚ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸã‚Šã€ èª¬æ˜ŽãŒé•·ããªã‚Šãã†ãªæ©Ÿèƒ½ã‚„æ§‹æ–‡ã¯å‰²æ„›ã—ã¦ãŠã‚Šã¾ã™ã€‚ ES2015(ES6)ã¨ã¯ ECMASCriptã®6th Editionã®ã“ã¨ã€‚ECMAScript 6th editionã®6ã‚’å–ã£ã¦ES6ã¨å‘¼ã°ã‚Œã¦ã„ãŸãŒã€ 2015å¹´ã«æ¨™æº–åŒ–ã•ã‚ŒãŸãŸã‚æ£å¼åç§°ã¯ES2015ã«ãªã£ãŸã€‚ æ£å¼åç§°ãŒES2015ãªã‚‰ES6ã¨ã„ã†åç§°ã‚’ä½¿ã†ã®ã¯é–“é•ã„ãªã®ã‹ ã©ã¡ã‚‰ã®åç§°ã§ã‚‚å•é¡Œã¯ãªã„ã€‚ ES6ã®åç§°ã®æ–¹ãŒã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã«ä¸ã§ã¯æµ¸é€ã—ã¦ã„ã‚‹ã‚‰ã—ãã€ES6ã¨è¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã€‚ è©³ç´°ã¯ä»¥ä¸‹ã‚’å‚è€ƒã€‚ ES6 or ES2015 ? ã€œWEB+DB PRES
shukaido170 2018/03/19
ES6

javascript
ãƒªãƒ³ã‚¯
Firefoxã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸã¨ãã«å‰ã®åŠ¹æžœãŒæ®‹ã£ãŸã¾ã¾ã«ãªã‚‹ - Qiita
ã‚¿ã‚¤ãƒˆãƒ«ã®ã“ã¨ã§å°‘ã—ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ãƒ¡ãƒ¢ã€‚ æ¤œç´¢ãƒœã‚¿ãƒ³ãªã©ã‚’äºŒé‡æŠ¼ã—ã•ã›ãªã„ã‚ˆã†ã«JavaScriptã®æ–¹ã§ã€ä¸€åº¦æŠ¼ã—ãŸã‚‰ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼ã›ãªã„ã‚ˆã†ã«ã—ã¦ãŸï¼ˆã‚‚ã¡ã‚ã‚“æ¤œç´¢å¾Œã¯POSTã™ã‚‹ã®ã§å…ƒã«æˆ»ã‚‹ï¼‰ IEã§ã¯å•é¡Œãªãã“ã‚Œã§å‹•ãã‘ã©ã€Firefoxã§ã¯æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’æŠ¼ã—ãŸã¨ãã«ãƒœã‚¿ãƒ³ãŒæŠ¼ã›ãªã„ã¾ã¾ã«ãªã£ã¦ã„ã‚‹ã€‚ ã“ã®åŽŸå› ã¯IEã¨ã‹Chromeã¯onloadã‚¤ãƒ™ãƒ³ãƒˆãŒå‘¼ã°ã‚Œã‚‹ã‘ã©ã€Firefoxã§ã¯å‘¼ã°ã‚Œãªã„ãŸã‚ã«èµ·ã“ã‚‹ã£ã½ã„ã€‚ ãªã®ã§Firefoxç”¨ã«æˆ»ã‚‹ãƒœã‚¿ãƒ³æŠ¼ä¸‹æ™‚ã‚„ãƒšãƒ¼ã‚¸è¡¨ç¤ºæ™‚ã«å®Ÿè¡Œã•ã‚Œã‚‹ã¨ã„ã†pageshowã‚’ä½¿ã£ã¦å¯¾å¿œã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ /* * æ¤œç´¢ãƒœã‚¿ãƒ³ */ $( document ).on( "click", "#Search", function() { /* æ¤œç´¢ã®å‡¦ç†ã¨ã‹ */ /* ------------ */ document.body.style.cursor =
shukaido170 2018/01/24
javascript
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‚’åŠé€æ˜Ž
Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl
shukaido170 2017/02/20
LOADINGãªã©

javascript

jquery
ãƒªãƒ³ã‚¯
ã•ã„ãã‚‡ã†ã®äºŒé‡ã‚µãƒ–ãƒŸãƒƒãƒˆå¯¾ç– - Qiita
ã“ã®è¨˜äº‹ã¯ã‚·ã‚¹ãƒ†ãƒ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ Advent Calendar 2015 - Qiitaã®è¨˜äº‹ã§ã™ã€‚ å¼Šç¤¾ã‚¢ãƒ¼ã‚éƒ¨ã§@kawasimaã•ã‚“ã«æ•™ãˆã¦ã‚‚ã‚‰ã£ãŸã•ã„ãã‚‡ã†ã®äºŒé‡ã‚µãƒ–ãƒŸãƒƒãƒˆå¯¾ç–ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ï¼ äºŒé‡ã‚µãƒ–ãƒŸãƒƒãƒˆãŒç™ºç”Ÿã™ã‚‹ã‚±ãƒ¼ã‚¹ ä¸æ£ãªæ›´æ–°ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒç™ºç”Ÿã™ã‚‹ã‚±ãƒ¼ã‚¹ã¨ã—ã¦ã€ä»¥ä¸‹ã®ã‚‚ã®ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§æˆ»ã£ã¦ã€å†åº¦ä¿å˜ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ å®Œäº†ãƒšãƒ¼ã‚¸ã§ãƒ–ãƒ©ã‚¦ã‚¶ãƒªãƒãƒ¼ãƒ‰ã™ã‚‹ CSRFæ”»æ’ƒã«ã‚ˆã‚‹ä¸æ£ãªæ›´æ–°ãƒªã‚¯ã‚¨ã‚¹ãƒˆ 1. ã‚µãƒ–ãƒŸãƒƒãƒˆãƒœã‚¿ãƒ³ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ ç¢ºå®šãƒœã‚¿ãƒ³ã‚’ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãŒæ„å›³ã—ã¦ã„ãªã„ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒç™ºç”Ÿã—ã¦ã—ã¾ã†ã‚±ãƒ¼ã‚¹ã€‚ 2. æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§æˆ»ã£ã¦ã€å†åº¦ä¿å˜ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ å‡¦ç†å®Œäº†ç”»é¢ã‹ã‚‰æˆ»ã‚‹ãƒœã‚¿ãƒ³ã§å‰ã®ç”»é¢ã«é·ç§»ã—ã€å†ã³ç¢ºå®šãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã‚±ãƒ¼ã‚¹ã€‚ æœ¬æ¥ã¯å…¥åŠ›âž¡ï¸Žç¢ºèªâž¡ï¸Žå®Œäº†ã®ç”»é¢é·ç§»ãŒé©åˆ‡ã ãŒã€ãã®ç”»é¢é·ç§»ã«ãª
shukaido170 2017/02/07
development

javascript
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã‚’ç”¨æ„ã—ãªãã¦ã„ã„ã‹ã‚‰ç°¡å˜ï¼ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ã«å¯¾å¿œã—ãŸæ—¥æœ¬ã®éƒ½é“åºœçœŒã®åœ°å›³ã‚’è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Japan Map
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 2 Japan Mapã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <script src="https://code.jquery.com/jquery-2.1.1.js"></script> <script src="jquery.japan-map.min.js"></script> </head> Step 2: HTML æ—¥æœ¬åœ°å›³ã‚’é…ç½®ã™ã‚‹divã‚’ã‚»ãƒƒãƒˆã—ã¾ã™ã€‚ <body> ... <div id="map-container"></div> ... </body> Step 3: JavaScript jQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§é…ç½®ã™ã‚‹å ´æ‰€ã‚’æŒ‡å®šã—ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Ÿè¡Œã—ã¾ã™ã€‚ <script> $(function(){ $("#map-container").japanMap({ on
shukaido170 2016/09/30
jQuery

JavaScript

map
ãƒªãƒ³ã‚¯
http://blog.deontwikkelfabriek.nl/creating-a-population-pyramid-with-the-google-chart-tools/
shukaido170 2016/02/19
JavaScript

Chart

Google

development
ãƒªãƒ³ã‚¯
http://ja.d3js.node.ws/
shukaido170 2015/11/18
javascript
ãƒªãƒ³ã‚¯
jQueryã§ç°¡å˜ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’ã¤ãã£ã¦ã¿ãŸ | å¦ã³ç¶šã‘ã‚‹webåˆ¶ä½œè€…ã®ç‹¬ã‚Šè¨€
å¦ã³ç¶šã‘ã‚‹webåˆ¶ä½œè€…ã®ç‹¬ã‚Šè¨€ htmlãƒ»cssãƒ»photoshopãƒ»illustoratorãƒ»fireworksãƒ»phpãƒ»wordpressãƒ»javascriptãƒ»jquery WEBåˆ¶ä½œè€…ã¯æŠ€è¡“ã‚’å¦ã³ç¶šã‘ã‚‹å¿…è¦ãŒã‚ã‚Šã€(ç§ã®å ´åˆï¼‰è¦šãˆã¦ã‚‚ä½¿ã‚ãªã‘ã‚Œã°å¿˜ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãã‚“ãªæ™‚ã«æ€ã„å‡ºã›ã‚‹ã‚ˆã†ã«ãƒ–ãƒã‚°ã«æ›¸ãç•™ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚è‡ªåˆ†ã®ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¨å‚™å¿˜éŒ²ç”¨ã®ãƒ–ãƒã‚°ã§ã™ã€‚ 2012å¹´08æœˆ07æ—¥Â Â Â Â ã‹ã¦ã”ã‚Šï¼šjQuery, ã¤ãã£ã¦ã¿ãŸã‚‚ã® jQueryã‚’ä½¿ã†ã¨ã€éš ã—ã¦ãŠããŸã„éƒ¨åˆ†ã‚’éžè¡¨ç¤ºã«ã—ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ã‚ˆã†ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã¨å‘¼ã°ã‚Œã‚‹ã‚‚ã®ãŒç°¡å˜ã«ä½œã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚é–‹ã„ãŸæ™‚ã¨é–‰ã˜ãŸæ™‚ã®ç”»åƒã‚’å¤‰ãˆã¦ã„ã¾ã™ã€‚ãƒ‡ãƒ¢ã¯ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ <dl> <dt class="tasu">ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™</dt> <dd> ãƒ†ã‚ã‚¹ãƒˆï¼‘<br>
shukaido170 2014/05/13
webdesign

javascript
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªjQueryã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³2012å¹´ä¿å˜ç‰ˆ
RefineSlide / Cycle2 / iosscripts.com &ndas...ä»–...å…¨18ä»¶
shukaido170 2013/07/18
webdesign

JavaScript

library

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jQueryã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒªãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãï¼‰ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä½œã‚‹æ–¹æ³•ï½œBLACKFLAG
å…ˆæ—¥ã“ã“ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®è©¦ä½œå“ã¨ã—ã¦ ã€ŒjQueryã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ä½œã‚‹æ–¹æ³• ã€ã¨é¡Œã—ã¦ jQueryã‚’ä½¿ã£ã¦ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’ ç´¹ä»‹ã—ã¾ã—ãŸãŒã€æ“ä½œé¢ã«é–¢ã—ã¦ãƒ•ãƒªãƒƒã‚¯æ“ä½œã«ã¯å¯¾å¿œã—ã¦ã„ãªã‹ã£ãŸã®ã§ã€ ãƒ¡ã‚¤ãƒ³éƒ¨åˆ†ã«ãƒ•ãƒªãƒƒã‚¯å‹•ä½œã‚’è¿½åŠ ã—ã¦ã¿ãŸãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è©¦ã—ã«ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å‹•ä½œéƒ¨åˆ†ã¯ãƒ–ãƒ©ã‚¦ã‚¶æž ã‚’ç›®ã„ã£ã±ã„ã§è¡¨ç¤ºã™ã‚‹ã‚¿ã‚¤ãƒ—ãªã®ã§ ã¾ãšã¯åˆ¥æž è¡¨ç¤ºã§å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã‹ã‚‰ã€‚ã€‚ jQueryã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒªãƒƒã‚¯ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ä»˜ãï¼‰ã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«ä½œã‚‹æ–¹æ³• ã‚µãƒ³ãƒ—ãƒ«ã§ã¯6æžšã®ç”»åƒã‚’è‡ªå‹•ã§ã‚¹ãƒ©ã‚¤ãƒ‰åˆ‡ã‚Šæ›¿ãˆã—ã¦ã„ã¾ã™ã€‚ ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«éƒ¨åˆ†ã‚’ãƒ•ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§å·¦å³ã«ç§»å‹•ã•ã›ã‚‹ã“ã¨ãŒã§ã ä¸‹ã«ä¸¦ã¹ã¦ã‚ã‚‹ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ã‚‚ ãƒ¡ã‚¤ãƒ³ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«éƒ¨åˆ†ã‚’åˆ‡ã‚Š
shukaido170 2013/07/18
JavaScript

library

webdesign
ãƒªãƒ³ã‚¯
Fancybox - Fancy lightbox alternative
This site is kept for historical purposes and represents original version of the Fancybox. Check out the latest - Fancybox v5 What is it? FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses Features Can display images, HTML elements, SWF movi
shukaido170 2013/07/17
library

JavaScript
ãƒªãƒ³ã‚¯
Googleãƒžãƒƒãƒ—ã®MarkerClustererã‚’ãƒ•ã‚©ãƒˆãƒã‚°ã«å°Žå…¥ã—ã¦ã¿ãŸ â€“ Simple Colors
ãƒ•ã‚©ãƒˆãƒã‚°ã§è¡¨ç¤ºã—ã¦ã„ã‚‹Googleãƒžãƒƒãƒ—ã§ã¯ã€è¡¨ç¤ºã—ã¦ã„ã‚‹å†™çœŸã®æ’®å½±å ´æ‰€ã ã‘ã‚’è¡¨ç¤ºã—ã¦ã€ä»–ã®å†™çœŸã®ãƒžãƒ¼ã‚«ãƒ¼ã¯è¼‰ã›ã¦ãƒ—ãƒãƒƒãƒˆã—ã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ ã“ã‚Œã¯ã€æ’®å½±å ´æ‰€ãŒè¿‘ã„ã¨ãƒžãƒ¼ã‚«ãƒ¼ãŒé‡ãªã‚Šã‚´ãƒãƒ£ã‚´ãƒãƒ£ã«ãªã£ã¦ã—ã¾ã†ã®ãŒã‚¤ãƒ¤ã ã£ãŸã‹ã‚‰ãªã®ã§ã™ãŒã€å…ˆæ—¥ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚³ãƒ ã® @khoshino ã•ã‚“ã«ã€è¿‘ã„å ´æ‰€ã«è¤‡æ•°ã®ãƒžãƒ¼ã‚«ãƒ¼ãŒã‚ã‚‹å ´åˆã€ã¾ã¨ã‚ã¦è¡¨ç¤ºã—ã¦ãã‚Œã‚‹ MarkerClusterer ã®å˜åœ¨ã‚’æ•™ãˆã¦ã„ãŸã ã„ãŸã®ã§ã€æ—©é€Ÿå°Žå…¥ã—ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¾ãšã¯ã€get_postsã‚’ä½¿ã£ã¦ã€ç·¯åº¦çµŒåº¦å…¥åŠ›ã®ã‚ã‚‹æŠ•ç¨¿ã‚’å…¨ä»¶å–å¾—ã€‚ $photos = get_posts( 'posts_per_page=-1&meta_key=lat,lng' ); ã“ã‚Œã‚’ foreach ã§ãƒ«ãƒ¼ãƒ—ã•ã›ã¦ã€è¤‡æ•°ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’ãƒ—ãƒãƒƒãƒˆã™ã‚‹ã¨ã€å½“ç„¶ãªãŒã‚‰ç”»åƒã®ã‚ˆã†ã«é‡ãªã£ã¦è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒžãƒ¼ã‚«ãƒ¼ãŒãƒ€ãƒ–ã£ã¦è¦‹ã«ãã„ã—ã€
shukaido170 2012/10/18
JavaScript

Google Maps

API
ãƒªãƒ³ã‚¯
Google Maps APIã¨Picasaã‚¦ã‚§ãƒ–ã‚¢ãƒ«ãƒãƒ ã®ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—
Google Maps APIãƒ–ãƒã‚°ã®ã€ŒGeotagged Picasa JSON/KML Output + Driving Directions = Instant Scenic Tours!ã€ã«ã‚ã‚‹Picasaã‚¦ã‚§ãƒ–ã‚¢ãƒ«ãƒãƒ ã¨ã®ãƒžãƒƒã‚·ãƒ¥ã‚¢ãƒƒãƒ—ï¼ˆã ã‘ï¼‰ã‚’æ—©é€Ÿè©¦ã—ã¦ã¿ãŸã€‚ â†’ã‚µãƒ³ãƒ—ãƒ« å…¬å¼ã®ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã¯ã€GDirectionã‚„ã€toggleæ©Ÿèƒ½ã‚’å‚™ãˆä»˜ã‘ã¦ã„ã‚‹ã®ã§ä¸€è¦‹ã™ã‚‹ã¨ã€ã¡ã‚‡ã£ã¨è¤‡é›‘ãªã‚³ãƒ¼ãƒ‰ãªã®ã ãŒã€å†™çœŸã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ãªã‚‰KMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã™ã‚‹ã ã‘ãªã®ã§ã€å®Ÿã¯ã‚‚ã®ã™ã”ãå˜ç´”ãªå‡¦ç†ã€‚ var albumKML = "http://picasaweb.google.com/data/feed/base/user/kadajp/ albumid/5078431287074407041?kind=photo&alt=kml"; geoxml = new GGeoXml(alb
shukaido170 2012/10/17
Picasa

Google Maps

JavaScript
ãƒªãƒ³ã‚¯
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
shukaido170 2012/09/13
JavaScript

ajax

icon
ãƒªãƒ³ã‚¯
[JavaScript] Google Maps API V3 ã§ JSON/XML ã‚’èªã¿è¾¼ã‚“ã§è¤‡æ•°ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’è¿½åŠ ã—ã¦ã¿ãŸ | ã—ã‚ƒã‘ãƒã‚°
JSONã¾ãŸã¯XMLãªã©ã®å¤–éƒ¨ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿è¾¼ã‚“ã§ã€è¤‡æ•°ã®ãƒžãƒ¼ã‚«ãƒ¼ã‚’Google Maps API V3 ã«è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ Googleå…¬å¼ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’å‚è€ƒã«ã—ã¾ã—ãŸã€‚ Google Maps JavaScript API V3 ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒãƒ¼ã‚¸ãƒ§ãƒ³3ã¯IE6 ã‚µãƒãƒ¼ãƒˆå¯¾è±¡å¤–ãªã®ã§ãŠæ°—ã‚’ã¤ã‘ä¸‹ã•ã„ã€‚ JSONãƒ‡ãƒ¼ã‚¿ã‹ã‚‰Markerã‚’ç”Ÿæˆ JSONãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã€è¤‡æ•°ã®Markerã‚’ãƒžãƒƒãƒ—ä¸Šã«è¿½åŠ ã—ã¦ã¿ã¾ã—ãŸã€‚ 1. JSONãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€ Google Maps JavaScript API V3 ã‹ã‚‰ã€XMLãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿é–¢æ•° ã¨ XMLãƒ‘ãƒ¼ã‚µãƒ¼ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒãªããªã‚Šã¾ã—ãŸã€‚ ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ã§ã„ã†ã¨ã€GDownloadUrlé–¢æ•° ã‚„ GXml.parse ãªã©ã§ã™ã€‚ ãªã®ã§ã€jQueryã§JSONãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚“ã§ã„ãã¾ã™ã€‚ map.json {"Marker":
shukaido170 2012/09/07
Google Maps V3

javascript

XML
ãƒªãƒ³ã‚¯
ã™ã¹ã¦ã®é–‹ç™ºã¯JavaScriptã«
ä¼æ¥ã‚·ã‚¹ãƒ†ãƒ ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’é–‹ç™ºã™ã‚‹ã®ã«ä½¿ã†æŠ€è¡“ãŒå¤‰ã‚ã‚Œã°ã€ITéƒ¨é–€ã«æ±‚ã‚ã‚‰ã‚Œã‚‹ã‚¹ã‚ãƒ«ã‚‚å¤‰ã‚ã‚‹ã€‚æœ€ã‚‚å¤§ããªèª²é¡Œã¯ã€JavaScriptã‚’ä½¿ã„ã“ãªã™ã“ã¨ã ã‚ã†ã€‚ã“ã‚Œã¾ã§ä¼æ¥ã‚·ã‚¹ãƒ†ãƒ ã§ã¯ä¸»å½¹ã¨ã¯ã„ãˆãªã„é–‹ç™ºè¨€èªžã ã£ãŸãŒã€ä»Šå¾Œã¯é‡è¦åº¦ãŒé«˜ã¾ã‚‹ã€‚ JavaScriptã‚’ç†ŸçŸ¥ã™ã‚‹ã“ã¨ãŒå¿…è¦ HTML5ã§ã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ¶å¾¡ã™ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®ãƒã‚¸ãƒƒã‚¯ã¯ã€JavaScriptã§è¨˜è¿°ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ã€Œæœ¬æ ¼çš„ã«HTML5ãƒ™ãƒ¼ã‚¹ã®æƒ…å ±ã‚·ã‚¹ãƒ†ãƒ ã‚’é–‹ç™ºã™ã‚‹ä¼æ¥ã«ã¯ã€HTML5ã¨JavaScriptã®ä¸¡æ–¹ã‚’ç†ŸçŸ¥ã—ãŸæŠ€è¡“è€…ãŒå¿…è¦ã ã€ã¨ã€NTTã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºã®å°æ¾æ°ã¯ã¿ã‚‹ã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã§å…¥æ‰‹ã§ãã‚‹HTML5ç”¨ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚‚JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ãŒå¤šã„ã€‚ä¾‹ãˆã°ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹ã€ŒgRaphaÃ«lã€ã‚„ã€ŒHighchartsã€ãªã©ãŒã‚ã‚‹ï¼ˆå›³6ï¼‰ã€‚ã“ã‚Œã‚‰ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã€ç°¡å˜ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º
shukaido170 2012/07/27
HTML5

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