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

s_yasue id:s_yasue

*JavaScriptã«é–¢ã™ã‚‹s_yasueã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (131)

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

JavaScript ã®ãƒ“ãƒƒãƒˆæ¼”ç®—åã« unsigned ã‚’æœŸå¾…ã—ã¦ã¯ã„ã‘ãªã„ : document
2æœˆ4 JavaScript ã®ãƒ“ãƒƒãƒˆæ¼”ç®—åã« unsigned ã‚’æœŸå¾…ã—ã¦ã¯ã„ã‘ãªã„ ã¯ã˜ã‚ã« ãƒ“ãƒƒãƒˆæ¼”ç®—ã‚’åˆ©ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ã§ã¯ unsigned ã‚’æœŸå¾…ã™ã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã†ã®ã§ã™ãŒ JavaScript ã§ã¯ãã®æœŸå¾…ã¯æ¨ã¦ãŸã»ã†ãŒè‰¯ã„ã§ã™ã€‚(ãŸã ã— >>> æ¼”ç®—åã‚’é™¤ã) ã“ã“ã§ã¯ãã®å…·ä½“ä¾‹ã¨å¯¾ç–ã€ç°¡å˜ãªèª¬æ˜Žã‚’ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“ä¾‹ ã§ã¯ã•ã£ããã€ä¾‹ã¨ã—ã¦ 0x12345678 ^ 0xFFFFFFFF ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ (ãªãœ 32-bit ã‹ã¨ã„ã†ã¨ JavaScript ã®ãƒ“ãƒƒãƒˆæ¼”ç®—ã¯ 32-bit ã§è¡Œã‚ã‚Œã‚‹ã‹ã‚‰ã§ã™ã€‚) 0x12345678 ã¯ 2 é€²æ•°è¡¨è¨˜ã«ã™ã‚‹ã¨ 0001 0010 0011 0100 0101 0110 0111 1000 ã«ãªã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’ XOR 0xFFFFFFFF ã§åè»¢ã•ã›ã‚‹ã®ã§ã™ã‹ã‚‰ã€ ä¸‹è¨˜ã®ã‚ˆã†ã«è¨ˆç®—ã—ã¦æœŸå¾…ã™ã‚‹å€¤ã¯ 0xEDC
s_yasue 2018/05/10
*JavaScript
ãƒªãƒ³ã‚¯
JavaScript ã«ãŠã‘ã‚‹æ–‡å—ã‚³ãƒ¼ãƒ‰ã¨ã€Œæ–‡å—æ•°ã€ã®æ•°ãˆæ–¹ | blog.jxck.io
Intro textarea ãªã©ã«å…¥åŠ›ã•ã‚ŒãŸæ–‡å—æ•°ã‚’ã€JS ã§æ•°ãˆãŸã„å ´åˆãŒã‚ã‚‹ã€‚ ã“ã“ã§ .length ã‚’æ•°ãˆã‚‹ã ã‘ã§ã¯ãƒ€ãƒ¡ãªç†ç”±ã¯ã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã‚„ JS ã®å†…éƒ¨è¡¨ç¾ã®è©±ã‚’ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ å¤šè¨€èªžã‚„çµµæ–‡å—å¯¾å¿œãªã©ã‚‚è¸ã¾ãˆãŸä¸Šã§ã€ã©ã†å‡¦ç†ã™ã‚‹ã¹ããªã®ã‹ã€‚ ãã‚Œè‡ªä½“ã¯æž¯ã‚ŒãŸè©±é¡Œã§ã¯ã‚ã‚‹ãŒã€è¿‘å¹´ ECMAScript ã«è¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ãªã©ã‚’äº¤ãˆã¦è§£èª¬ã™ã‚‹ã€‚ ãªãŠã€æ–‡å—ã‚³ãƒ¼ãƒ‰ã®ä»•çµ„ã¿ã‚’è©³è§£ã™ã‚‹ã“ã¨è‡ªä½“ãŒç›®çš„ã§ã¯ç„¡ã„ãŸã‚ã€BOM, UCS-2, Endian, æ´å²çš„çµŒç·¯ãªã©ã€ã“ã®æ‰‹ã®è©±é¡Œã«ã¤ãç‰©ãªè©±ã®ä¸€éƒ¨ã¯çœãã“ã¨ã¨ã™ã‚‹ã€‚ 1 æ–‡å—ã¨ã¯ä½•ã‹ Unicode ã¯å…¨ã¦ã®æ–‡å—ã« ID ã‚’æŒ¯ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã‚‹ã€‚ ä¾‹ãˆã° ðŸ˜ (loudly crying face) ãªã‚‰ 0x1F62D ã ã€‚ 1 ã¤ã®æ–‡å—ã« 1 ã¤ã® ID ãŒå‰²ã‚Šå½“ã¦ã‚‰ã‚Œã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€æ–‡å—ã®æ•°ã‚’æ•°ãˆã‚‹å ´åˆã¯ã€ã“ã® ID ã®
s_yasue 2017/03/04
*JavaScript

æ–‡å—ã‚³ãƒ¼ãƒ‰
ãƒªãƒ³ã‚¯
JavaScriptã§ã‚¯ãƒªãƒƒãƒ—ãƒœãƒ¼ãƒ‰ã®è²¼ã‚Šä»˜ã‘ã«å¯¾å¿œã™ã‚‹[HTML5ã®Clipboard API/contenteditable]
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script> // ã‚ãƒ£ãƒ³ãƒã‚¹ var src_canvas; var src_ctx; // ã‚¤ãƒ¡ãƒ¼ã‚¸ var image; // ãƒ–ãƒ©ã‚¦ã‚¶åˆ¤å®š var clipboard_flg; if((!window.navigator.msSaveBlob) && (window.navigator.userAgent.toUpperCase().indexOf('CHROME') != -1)){ // chrome clipboard_flg = true; }else if((window.navigator.msSaveBlob) && (window.navigator.userAgent.toUpperCase().indexOf('CHROME') != -1)){ //
s_yasue 2017/01/09
*JavaScript

HTML5
ãƒªãƒ³ã‚¯
https://hozunomiya.xyz/?p=83
s_yasue 2016/12/08
*JavaScript
ãƒªãƒ³ã‚¯
Dateã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®æŒ™å‹•ã®é•ã„ - ãƒšã‚¤ãƒ‘ãƒ¼ãƒ»ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã‚ºãƒ»ãƒ–ãƒã‚°
JavaScriptã®Dateã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®æŒ™å‹•ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«ã™ã¹ã¦Mac OS X v10.6.4ã«ãŠã‘ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å„ãƒ–ãƒ©ã‚¦ã‚¶ã®JavaScriptã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§æµã—ã¦ã¿ã¾ã™ã€‚ var dobs = [ "1975-10-27T00:00:00Z", "1975-10-27T00:00:00+09:00", "1975-10-27T00:00:00", "1975-10-27 00:00:00", "1975/10/27T00:00:00Z", "1975/10/27T00:00:00+09:00", "1975/10/27T00:00:00", "1975/10/27 00:00:00" ]; for (var idx in dobs) { if (typeof dobs[idx] === 'string') { var
s_yasue 2016/07/29
*JavaScript
ãƒªãƒ³ã‚¯
kudox.jp
kudox.jp has expired and may be renewed by the owner.
s_yasue 2016/04/20
*JavaScript

*sumahoã‚¹ãƒžãƒ›é–‹ç™º
ãƒªãƒ³ã‚¯
Leaflet recipe: Hover events on features and polygons
Leaflet is an exciting tool for making interactive maps. It's free. It's simple. It's easy to write. It isn't tied to any one set of background tiles. It works in all the major browsers. It's under active development. It even has good documentation. But one thing it doesn't show you how to create is hover effects. Say you've got some shapes or points on your map and you want something to happen wh
s_yasue 2015/11/23
Leaflet

*JavaScript

*Webé–‹ç™º
ãƒªãƒ³ã‚¯
[JS]ã»ã‚“ã®æ•°è¡Œã§ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆã®ã¾ã¨ã‚ -jQuery Tips
jQueryã«ã¯é«˜æ€§èƒ½ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãŸãã•ã‚“ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã»ã‚“ã®æ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã ã‘ã§ã‚‚ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Webã‚µã‚¤ãƒˆã§æœ€è¿‘ã‚ˆãåˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ jQuery Tips Everyone Should Know -GitHub ã‚¤ãƒ©ã‚¹ãƒˆ: Girls Design Materials ã‚³ãƒ¼ãƒ‰ã¯MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã§ã€å€‹äººã§ã‚‚å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ä¸Šã«æˆ»ã‚‹ãƒœã‚¿ãƒ³ ç”»åƒã®ãƒ—ãƒªãƒãƒ¼ãƒ‰ ç”»åƒãŒãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ã‹ãƒã‚§ãƒƒã‚¯ ãƒªãƒ³ã‚¯åˆ‡ã‚Œã®ç”»åƒã‚’è‡ªå‹•ä¿®å¾© ãƒ›ãƒãƒ¼ã®ãƒˆã‚°ãƒ« å…¥åŠ›æ¬„ã‚’ä½¿ç”¨ã§ããªãã™ã‚‹ aã‚¿ã‚°ã®ã‚¯ãƒªãƒƒã‚¯ã‚¤ãƒ™ãƒ³ãƒˆã ã‘ã‚’åˆ©ç”¨ã™ã‚‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«è¨å®šã™ã‚‹ ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ç•°ãªã‚‹é«˜ã•ã®divè¦ç´ ã‚’æƒãˆã‚‹ å¤–éƒ¨ãƒªãƒ³ã‚¯ã‚’æ–°ã—ã„ã‚¿ãƒ–ãƒ»ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ãƒ†ã‚ã‚¹ãƒˆãŒç„¡ã„è¦ç´ ã¯éžè¡¨ç¤ºã«ã™ã‚‹ ãƒšãƒ¼ã‚¸ã®ä¸Šã«æˆ»ã‚‹ãƒœã‚¿ãƒ³
s_yasue 2015/10/23
*JavaScript

*TIPS
ãƒªãƒ³ã‚¯
HTML5ãƒ™ãƒ¼ã‚¹ã®WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã€ŒSquireã€:phpspoté–‹ç™ºæ—¥èªŒ
Squire HTML5ãƒ™ãƒ¼ã‚¹ã®WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã€ŒSquireã€ ãƒ•ãƒ©ãƒƒãƒˆã§ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®WYSIWYGãŒå®Ÿè£…ã§ãã¾ã™ã€‚ã‚¹ãƒžãƒ›ã§ã‚‚å‹•ä½œã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ãƒžãƒ›ã§ã‚‚ä½¿ãˆã‚‹WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã€ŒQuillã€ è¤‡é›‘ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§WYSIWYGã§çµ„ã¿ç«‹ã¦ã‚‰ã‚Œã‚‹ã€ŒGridmanagerã€ å®šæœŸçš„ã«è‡ªå‹•ä¿å˜ã—ã¦ãã‚Œã‚‹WYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã€ŒSmalleditorã€ è»½é‡ã§ã‚·ãƒ³ãƒ—ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªWYSIWYGã‚¨ãƒ‡ã‚£ã‚¿å®Ÿè£…ãŒã§ãã‚‹ã€ŒTrumbowygã€
s_yasue 2015/04/21
*Library

*JavaScript
ãƒªãƒ³ã‚¯
Node.jsï¼‹Socket.IOã§ä½œã‚‹ã€é€šä¿¡å¯¾æˆ¦ãŒã§ãã‚‹HTML5ã‚²ãƒ¼ãƒ ã‚·ã‚¹ãƒ†ãƒ ã®ä½œã‚Šæ–¹
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã¾ã—ã¦ã€Yahoo!ãã£ãšé–‹ç™ºæ‹…å½“ã§ã™ã€‚ æ˜¨å¹´Yahoo!ãã£ãšã«ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚²ãƒ¼ãƒ ã€ŒãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ â€»ãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã¯2015å¹´10æœˆã‚’ã‚‚ã£ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã—ã¾ã—ãŸã€‚ã”åˆ©ç”¨ã„ãŸã ãã¾ã—ã¦ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€é€šä¿¡å¯¾æˆ¦éƒ¨åˆ†ã®é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«WebSocketã‚’æŽ¡ç”¨ã—ã€ã‚µãƒ¼ãƒãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã«Node.jsï¼‹Socket.IOã‚’æŽ¡ç”¨ã—ã¾ã—ãŸã€‚ã“ã®çµæžœã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã§ã‚ã‚ŠãªãŒã‚‰ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã§ã®å¯¾æˆ¦ã‚’å®Ÿç¾ã—ã¾ã—ãŸã€‚ ä»Šå›žã¯ã€Node.jsï¼‹Socket.IOã«ã‚ˆã‚‹WebSocketã‚µãƒ¼ãƒã®ã‚·ã‚¹ãƒ†ãƒ æ§‹ç¯‰æ–¹æ³•ã«ã¤ã„ã¦è€ƒæ…®ã™ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã€ã€ŒãŠã—ã‚ƒã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã®å®Ÿä¾‹ã‚’ç´¹ä»‹ã—ãªãŒã‚‰èª¬
s_yasue 2015/03/03
*JavaScript

HTML5

node.js
ãƒªãƒ³ã‚¯
JavaScriptãƒ™ãƒ¼ã‚¹ã®OAuthèªè¨¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œhello.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
hello.js - Javascript API for OAuth2 authentication and REST services JavaScriptãƒ™ãƒ¼ã‚¹ã®OAuthèªè¨¼ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œhello.jsã€ã€‚ JSãƒ™ãƒ¼ã‚¹ã§ãƒã‚°ã‚¤ãƒ³ã€ãƒã‚°ã‚¢ã‚¦ãƒˆãŒå¯èƒ½ã§ã€ãƒ¦ãƒ¼ã‚¶æƒ…å ±ãªã‚“ã‹ã‚‚ç°¡å˜ã«å¼•ã£å¼µã£ã¦ã“ã‚Œã‚‹ã‚ˆã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª PHPã§OAuthã‚µãƒ¼ãƒã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« Twitter OAuthèªè¨¼ã‚’ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§è¡Œã†jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ PHPãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«Twitter,Facebookç‰ã®èªè¨¼ã‚’é€Ÿæ”»å®Ÿè£…ã§ãã‚‹ã€ŒOpauthã€ Microsoftã®Live OAuthã§èªè¨¼ã™ã‚‹PHPã‚µãƒ³ãƒ—ãƒ«
s_yasue 2014/10/07
*JavaScript

oauth
ãƒªãƒ³ã‚¯
OpenLayers3 vs Leaflet for styling multifeature geojson
s_yasue 2014/09/25
*JavaScript
ãƒªãƒ³ã‚¯
javascript: escape(), encodeURI(), encodeURIComponent() æ¯”è¼ƒ (groundwalker.com)
Â« DoBeDo 2.5 | ãƒ¡ã‚¤ãƒ³ | javascript ã§ Query String Â» javascript: escape(), encodeURI(), encodeURIComponent() æ¯”è¼ƒ javascript ã® escape(), encodeURI(), encodeURIComponent() é–¢æ•°ç¾¤ã«ã¤ã„ã¦ã€ã©ã®æ–‡å—ãŒã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã•ã‚Œã¦ã©ã®æ–‡å—ãŒã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã•ã‚Œãªã„ã®ã‹åˆ†ã‹ã‚Šã«ãã„ã®ã§ã¾ã¨ã‚ã¦ãŠãã€‚ ã¾ãšã¯ã€å¯¾è±¡ç¯„å›² %20ï¼ˆåŠè§’ã‚¹ãƒšãƒ¼ã‚¹ï¼‰ã€œ%7Eï¼ˆãƒãƒ«ãƒ€~ï¼‰ å…ƒãƒ‡ãƒ¼ã‚¿ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-
s_yasue 2013/10/24
*JavaScript

æ–‡å—åŒ–ã‘
ãƒªãƒ³ã‚¯
jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®Dynatreeã‚’ä½¿ã£ã¦ãƒ„ãƒªãƒ¼è¡¨ç¤º | é–‹ç™ºè€…ãƒ–ãƒã‚° | æ ªå¼ä¼šç¤¾ã‚¨ã‚¤ãƒãƒ»ã‚ªãƒ¼ãƒ»ã‚¨ã‚¹
å—è¨—é–‹ç™ºæ‹…å½“ã®Ryuã§ã™ã€‚ ä»Šå›žã¯jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸€ã¤ã§ã‚ã‚‹Dynatreeã®ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Dynatreeã¯jQueryã§ãƒ–ãƒ©ã‚¦ã‚¶ã«ç°¡å˜ã«ãƒ„ãƒªãƒ¼ã‚’è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸ã«ã¯å¤šãã®ãƒ„ãƒªãƒ¼è¡¨ç¤ºãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚„ã‚µãƒ³ãƒ—ãƒ«ã€æ©Ÿèƒ½ã®è±Šå¯Œã•ã§ä»Šå›žã¯Dynatreeã‚’é¸ã³ã¾ã—ãŸã€‚ Dynatreeã‚’å‹•ä½œã•ã›ã‚‹ã«ã¯jQueryã€jQuery-uiã‚’åˆ¥ã«èªã¿è¾¼ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <html><head> <meta charset="utf-8"> <link href="css/skin-vista/ui.dynatree.css" rel="stylesheet" type="text/css" id="skinSheet"> <style type="text/css"> <!--body {width: 400px;}
s_yasue 2013/10/22
*jQuery

*JavaScript

*Library
ãƒªãƒ³ã‚¯
ä¸–ç•Œåœ°å›³ã§ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDataMapsã€:phpspoté–‹ç™ºæ—¥èªŒ
DataMaps ä¸–ç•Œåœ°å›³ã§ãƒ‡ãƒ¼ã‚¿ã‚’ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã™ã‚‹éš›ã«ä½¿ãˆã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒDataMapsã€ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¡¨ç¤ºã§ããŸã‚Šã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ æ¬¡ã®ã‚ˆã†ã«ç¾Žã—ã„åœ°å›³ã‚’æã‘ã‚‹ã®ã§ã€ç®¡ç†ç”»é¢ã‚„ã€ãƒ—ãƒ¬ã‚¼ãƒ³è³‡æ–™å‘ã‘ã«ä½¿ã£ã¦ã¿ã¦ã‚‚ã‚ˆã•ãã† ï¼‘ã‹ã‚‰ã‚„ã‚ã†ã¨æ€ã†ã¨ã‹ãªã‚Šã®æ™‚é–“ãŒã‹ã‹ã‚Šãã†ã§ã™ãŒã€ã“ã‚Œãªã‚‰ç›´ãã«ä½¿ãˆãã†ã§ã™ ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã‚‹ã¨å›½åãŒå‡ºã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªä¸–ç•Œåœ°å›³ã«ã‚‚ã§ãã¾ã™ã€‚ ä¸–ç•Œã®åœ°åã‚’è¦šãˆãŸã„å ´åˆã«ä½¿ãˆã¾ã™ã ã‚¢ãƒ¡ãƒªã‚«ã®å·žã®è¡¨ç¤ºã‚‚å¯èƒ½ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã‚ªã‚·ãƒ£ãƒ¬ã§çŸ¥ã£ã¦ãŠãã¨ä½¿ãˆãã† é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ãªãƒ‡ãƒ¼ã‚¿ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚ºã€Œgrapheneã€
s_yasue 2012/12/17
*JavaScript
ãƒªãƒ³ã‚¯
è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€:phpspoté–‹ç™ºæ—¥èªŒ
Swipe JS - a lightweight mobile web slider è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯èƒ½ãªã‚¹ãƒžãƒ›ç”¨ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼JSã€ŒSwipeJSã€ <div><ul> ã§ãƒªã‚¹ãƒˆã‚’å®šç¾©ã—ã¦<div>ã‚’JSã§åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã‚¹ãƒ¯ã‚¤ãƒ—ã§ãƒšãƒ¼ã‚¸é€ã‚ŠãŒã§ãã‚‹ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒç°¡å˜å®Ÿè£…ã§ãã¾ã™ jQueryã«ä¾å˜ã—ã¦ã„ãªã„ãŸã‚ã€è»½é‡ã€‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºé …ç›®ã‚‚å¿…è¦æœ€ä½Žé™ã¨ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª PCã§ã‚‚ã‚¹ãƒžãƒ›ã§ã‚‚ã‚¹ãƒ¯ã‚¤ãƒ—ã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAsketic Swipe Galleryã€ iPhoneç‰ã§ã‚‚ã‚¹ãƒ¯ã‚¤ãƒ—ã§ç”»åƒã‚’é€ã‚Œã‚‹ã‚«ãƒ«ãƒ¼ã‚»ãƒ«å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRotoã€ ã‚¹ãƒžãƒ›ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã‚’ä¸€æ°—ã«å®Ÿè£…ã§ãã‚‹13KBã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒQUOjsã€
s_yasue 2012/09/25
*JavaScript

*sumahoã‚¹ãƒžãƒ›é–‹ç™º
ãƒªãƒ³ã‚¯
é€£è¼‰: IBM Watson Workspace #é¬¼ã‚ã‹ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™º: ç¬¬ 7 å›ž: IBM Watson Workspace ã§ AI ã‚’åˆ©ç”¨ã—ãŸã‚¢ãƒ—ãƒªé€£æºã®å®Ÿç¾ #é¬¼ã‚ã‹ è§£èª¬ï¼ˆå‰ç·¨ï¼‰
s_yasue 2012/06/29
*JavaScript

*jQuery Mobile

*jQuery
ãƒªãƒ³ã‚¯
postMessageã¦ãŠã‚‚ã—ã‚ã„ã‚¹ãªã€‚ - å›°ã£ãŸã¨ãã®ãƒ¡ãƒ¢ ver.2.0
ãªãœã«ã“ã‚“ãªã“ã¨ã‚’ã€‚ ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§Ajaxçš„ãªã“ã¨ã‚’ã—ã‚ˆã†ã¨ã—ãŸã‚‰ã€æ€’ã‚‰ã‚Œã¾ãã£ã¦å›°ã£ãŸã€‚ ã„ã‚ã„ã‚èª¿ã¹ã¦ã¿ãŸã‚‰ã€postMessageãŒã‚¹ãƒžãƒ¼ãƒˆã§é¢ç™½ã„ã®ã§ãƒ¡ãƒ¢ã€‚ JSONPã§ã‚‚ã§ããªãã¯ãªã‹ã£ãŸã‘ã©ã€ã‚¤ãƒžã‚¤ãƒé¢å€’ãªã®ã¨é¢ç™½ããªã‹ã£ãŸã®ã§ã€‚ ã¡ãªã¿ã«ã€ã“ã‚Œã‚’èª¿ã¹ãŸãã£ã‹ã‘ã¯Herokuã¨Amazonã®S3ã§ã‚„ã‚Šå–ã‚Šã™ã‚‹ãŸã‚ã€‚ ã¯ã˜ã‚ã« postMessageã¯ã€å®‰å…¨ã«ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³é€šä¿¡ã‚’ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã ãã†ã§ã€‚ã‚‚ã¡ã‚ã‚“JavaScriptã§ã‚„ã‚‹ã€‚ ã‚ˆãã‚ã‹ã‚‹è§£èª¬ï¼š https://developer.mozilla.org/ja/DOM/window.postMessage ã‚„ã‚ã†ã¨ã—ãŸã“ã¨ Herokuã§å®Ÿè£…ã—ãŸJavaScriptã®APIã¨ã€AmazonS3ã«ãŠã„ãŸHTMLï¼ˆJavaScriptï¼‰ã¨ã§ãŠã—ã‚ƒã¹ã‚Šã—ãŸã„ã€‚ AmazonS3ã®HTMLã¯å®Ÿéš›ã«ã¯iframeã®åã¨ã—
s_yasue 2012/06/29
ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³

*JavaScript
ãƒªãƒ³ã‚¯
HTMLï¼‹JavaScriptã ã‘ã§ãƒ–ãƒ©ã‚¦ã‚¶ã«å›³å½¢æç”» - Canvas API -
ã€æœ€æ–°ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã€‘GPT-5.1/Gemini 3/Claude 4.5ã¯ãã‚Œãžã‚Œä½•ãŒå¤‰ã‚ã£ãŸã®ã‹ 12æœˆ11æ—¥ 6:30
s_yasue 2012/06/27
*HTML

*JavaScript
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªé–‹ç™ºã«ã‚‚ä¾¿åˆ©ãªä½ç½®æƒ…å ±API - Geolocation API -
ã€æœ€æ–°ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã€‘GPT-5.1/Gemini 3/Claude 4.5ã¯ãã‚Œãžã‚Œä½•ãŒå¤‰ã‚ã£ãŸã®ã‹ 12æœˆ11æ—¥ 6:30
s_yasue 2012/06/27
*HTML

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