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

hatano99 id:hatano99

html5ã¨JavaScriptã«é–¢ã™ã‚‹hatano99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (25)

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

MediaRecorder APIã‚’ã¤ã‹ã£ã¦Canvas/WebAudioãªã‚²ãƒ¼ãƒ ç”»é¢ã‚’éŒ²ç”»ã™ã‚‹ - Qiita
ã“ã®è¨˜äº‹ã¯ã€Žãƒ‰ãƒ¯ãƒ³ã‚´ AdventCalendar 2017ã€5æ—¥ç›®ã®è¨˜äº‹ã§ã™(à¹‘ËƒÌµá´—Ë‚Ìµ)Ùˆ æ˜¨æ—¥ã¯ @kinoppyd ã•ã‚“ã®ã€ŽGitã‚’ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«ã—ãŸã‚¿ã‚¹ã‚¯ç®¡ç†botã€ã§ã—ãŸã€‚ æ™®æ®µä½¿ã£ã¦ã‚‹gitã®è£å´ã®ä¸–ç•Œã¯ã¨ã¦ã‚‚èˆˆå‘³æ·±ã„ã§ã™ãã€‚ åƒ•ã¯ä»¥å‰ã‹ã‚‰è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚¢ãƒ—ãƒªã‚’ã¤ãã‚ŠãŸã„ãªã€œã¨æ€ã£ã¦ã„ã‚ã„ã‚è€ƒãˆã¦ã„ãŸã®ã§ã™ãŒã€ ãƒ‡ãƒ¼ã‚¿ä¿å˜ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã«gitã‚’ä½¿ã†ã®ã‚‚é¢ç™½ã„ã‹ã‚‚ãªãã¨æ€ã„ã¾ã—ãŸï¼ ã•ã¦ã€5æ—¥ç›®ã®ä»Šæ—¥ã¯**ã€ŽHTML5ãªãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã‚’éŒ²ç”»ã—ãŸã„è©±ã€**ã‚’ã—ã¾ã™ã€‚ ã©ã†ã„ã†ã‚ã‘ã‹ï¼šã‚²ãƒ¼ãƒ ã‚’ã¤ãã£ãŸã‚‰éŒ²ç”»ã—ãŸã„ åƒ•ã¯æ˜”ã‹ã‚‰ã‚²ãƒ¼ãƒ ã‚’ã¤ãã‚‹ã®ãŒå¥½ãã§ã€å€‹äººã§ã„ã‚ã„ã‚ã¤ãã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ã“ã“æ•°å¹´ã¯HTML5ãªãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã‚’ãƒ¡ã‚¤ãƒ³ã§ã¤ãã£ã¦ã„ã¾ã™ã€‚ ï¼ˆã¨ã„ã£ã¦ã‚‚ã€ãã®å‰ã¯Flashã‚²ãƒ¼ãƒ ã ã£ãŸã®ã§ã€ã ã„ã¶å‰ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ãªã‚“ã§ã™ã‘ã©ãï¼‰ ã‚²ãƒ¼ãƒ ãŒå®Œæˆã—ã€ãã‚Œã‚’ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã§å…¬é–‹ã™
hatano99 2017/12/05
JavaScript

HTML5
ãƒªãƒ³ã‚¯
sw-precacheã§ãŠæ‰‹è»½ã«ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
æœ€è¿‘ã€ãƒ—ãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–Webã‚¢ãƒ—ãƒªï¼ˆProgressive Web Appsã€PWAï¼‰ã«èˆˆå‘³æ´¥ã€…ãªãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã„ãªã°ã§ã™ã€‚ ä»Šå›žã¯ã€ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚’ã¾ãšã¯è‡ªåˆ†ã§å®Ÿéš›ã«æ‰‹ã‚’å‹•ã‹ã—ã¦ã‚„ã£ã¦ã¿ã‚ˆã†ï¼ ã¨èª¿ã¹ã¦ã„ãŸã¨ã“ã‚ã€sw-precache ã¨ã„ã†ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã€ãƒªã‚½ãƒ¼ã‚¹ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥åˆ¶å¾¡ãŒã¨ã¦ã‚‚ç°¡å˜ã«ã§ããŸã®ã§ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ç°¡å˜ã«ä½¿ã£ã¦ã¿ã‚‹ ã¾ãšã¯ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ https://github.com/i78s/sandbox/tree/develop/sw-precache-sample æ‰‹ã£å–ã‚Šæ—©ããƒ‡ãƒ¢ã‚’ç¢ºèªã—ãŸã„å ´åˆã¯ã€ ä¸‹è¨˜ã®ã‚³ãƒžãƒ³ãƒ‰ã‚’å®Ÿè¡Œã—ã¦Service Workerã«å¯¾å¿œã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶( ã“ã“ã§ç¢ºèªã§ãã¾ã™ )ã§å®Ÿéš›ã®å‹•ä½œã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ $ git clone https://github.
hatano99 2017/11/07
HTTPS

localhost

JavaScript

HTML5
ãƒªãƒ³ã‚¯
Web Messaging API ã‚’ä½¿ã£ã¦ã¿ã‚‹ - Qiita
ç›®çš„ HTML5 ã« Web Messaging API ã¨ã„ã†ã®ãŒã‚ã‚‹ã€‚ã‚µãƒ¼ãƒã‚’ä»‹ã•ãšãƒ–ãƒ©ã‚¦ã‚¶é–“ã§é€šä¿¡ãŒã§ãã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒæä¾›ã•ã‚Œã¦ã„ã‚‹ã€‚ èª¿æŸ»ãŒã¦ã‚‰æŠŠæ¡ã—ãŸã“ã¨ã‚’æ•´ç†ã€‚ æ¦‚è¦ã¨ç”¨é€” Web Messaging API ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ä»»æ„ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé–“ã§ã®é€šä¿¡ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã€‚ç¾åœ¨ã€postMessage ã¨ MessageChannel ã¨ã„ã† API ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã€‚ã©ã¡ã‚‰ã‚‚ä»»æ„ã® window ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆåŒå£«ã§ã€ä»»æ„ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ãƒ‡ãƒ¼ã‚¿ã®å—é€ä¿¡ã‚’ã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ ã‚ˆãä½¿ã‚ã‚Œã‚‹ç”¨é€”ã¨ã—ã¦ã€iframe ã§åˆ¥ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã¿è¾¼ã¿ã€ãã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨é€šä¿¡ã•ã›ã‚‹ã€‚ ä¾‹ãˆã°ã€Facebook ã®ã„ã„ããƒœã‚¿ãƒ³ã¯ã€ iframe ã§ facebook.com ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’åŸ‹ã‚è¾¼ã¿é€šä¿¡ã•ã›ã€ãã®ä¸ã® cookie ã®å€¤ã‚’å–å¾—ã—ã¦ãã®ãƒ–ãƒ©ã‚¦ã‚¶ãŒä¿æŒã™ã‚‹ãƒ¦ãƒ¼ã‚¶æƒ…å ±ã‚’è¡¨ç¤º
hatano99 2017/05/18
facebook

JavaScript

HTML5

*program

messaging
ãƒªãƒ³ã‚¯
I am mitsuruog | SPAã‚’æ§‹ç¯‰ã™ã‚‹ã¨ãã«çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã„ã„7ã¤ã®èª²é¡Œ
ãƒ–ãƒ©ã‚¦ã‚¶ã§ã® Javascript ã®é«˜é€ŸåŒ–ã¨ Backbone ã‚„ Angular ã®ã‚ˆã†ãª JavascriptMVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç™»å ´ã«ã‚ˆã‚Šã€ä»¥å‰ã‚ˆã‚Š SPAï¼ˆSingle page applicationï¼‰ãŒæ§‹ç¯‰ã—ã‚„ã™ããªã‚Šã¾ã—ãŸã€‚ ã•ã‚‰ã«ã€Yeoman ã«ä»£è¡¨ã•ã‚Œã‚‹ SPA ã‚’ä½œæˆã™ã‚‹ã™ã‚‹ãŸã‚ã® scaffoldï¼ˆåœŸå°ï¼‰ãŒæ•´å‚™ã•ã‚Œã¦ãã¾ã—ãŸã®ã§ã€çµæ§‹ã•ãã£ã¨ SPA ãŒä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã‚‚äº‹å®Ÿã§ã™ã€‚ ã•ãã£ã¨ä½œã£ãŸ SPA ãŒã•ãã•ãå‹•ã‹ãªã„ãƒ»ãƒ»ãƒ»ä½œã£ãŸã‘ã©ä½¿ãˆãªã„ãƒ»ãƒ»ãƒ»ãªã‚“ã¦ã“ã¨ã«ãªã‚‰ãªã„ã‚ˆã†ã«ã€SPA ã‚’æ§‹ç¯‰ã™ã‚‹å‰ã«çŸ¥ã£ã¦ãŠã„ãŸæ–¹ãŒã„ã„èª²é¡Œã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã‚Šè€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ ç›®æ¬¡ 1. ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ 2. ãƒ¡ãƒ¢ãƒªãƒªãƒ¼ã‚¯ 3. ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ 4. ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒãƒƒã‚¯ã‚¤ãƒ³ 5. ç”»é¢è¨è¨ˆã‹ã‚‰ UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã¸ã®æ€æƒ³è»¢æ› 6. ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ä¸è¶³ 7. ç•ªå¤–
hatano99 2017/05/18
JavaScript

development

html5

spa

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
jsã«ã‚ˆã‚‹CSSã®å‹•çš„å®šç¾© - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hatano99 2017/04/03
css

dom

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

javascript

html5

programming
ãƒªãƒ³ã‚¯
Webix ã‚’ä½¿ã£ã¦ã¿ãŸ - Qiita
ã¯ã˜ã‚ã« HTMLï¼‹JavaScript ã§ã‚¢ãƒ—ãƒªé–‹ç™ºã™ã‚‹ã«ã‚ãŸã£ã¦ã€UI ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã©ã†ã™ã‚‹ã‹æ‚©ã¿ã¾ã—ãŸã€‚ç‹¬è‡ªã« CSSï¼‹JavaScript ã§æ›¸ã‘ã‚Œã°ã„ã„ã®ã§ã™ãŒã€ç„¡ç†ãªã®ã§æ—¢å˜ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã«ã—ã¾ã™ã€‚jQuery UI ã‚„ jQuery Mobile ã«å§‹ã¾ã‚Šã€Twitter Bootstrap ã€Adobe Topcoat ã€Intel App Framework ãªã©è©¦ã—ã¾ã—ãŸã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã¯ Onsen UI ãŒã‚ˆã•ãã†ã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã¯ Titanium ã€Sencha Ext JS ã€Kendo UI ãªã©è¦‹ã¦ã¿ã¾ã—ãŸã€‚ãã®ä¸Šã§ Webix ãŒæ°—ã«å…¥ã‚Šã¾ã—ãŸã€‚ å‚è€ƒ ã‚µã‚¯ã‚µã‚¯æ›¸ã‘ã¦æŸ”è»Ÿãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ãªã€UIãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒWebixã€ | #GUNMAGISGEEK Webix ã¨ã¯ Webix ã¯ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®ï¼ˆä¸»è¦ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹
hatano99 2017/03/21
html

framework

html5

JavaScript

jquery

ext js

css
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã§éŸ³å£°èªè˜ã¨ãƒ†ã‚ã‚¹ãƒˆèªã¿ä¸Šã’ã‚’å®Ÿç¾ã™ã‚‹ Web Speech API | CYOKODOG
HTML5 ã® Web Speech API ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§éŸ³å£°èªè˜ã¨ãƒ†ã‚ã‚¹ãƒˆã®èªã¿ä¸Šã’ã‚’å®Ÿç¾ã™ã‚‹ API ã§ã™ã€‚ ä»Šå›žã¯ã“ã® Web Speech API ã«ã¤ã„ã¦è©¦ã—ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¡ãªã¿ã«å°‘ã—å‰ã® Chrome ã§ã¯ Speech Input API ã¨ã„ã† INPUT è¦ç´ ã« x-webkit-speech ã¨ã„ã†å±žæ€§ã‚’è¨˜è¿°ã™ã‚‹ã®ã¿ã§ã€æ‰‹è»½ã«éŸ³å£°èªè˜ã‚’å®Ÿç¾ã§ãã‚‹ã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã‚Šã¾ã—ãŸãŒç¾ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯å»ƒæ¢ã•ã‚Œã¦ã‚‹ã‚ˆã†ã§ã™ãƒ»ãƒ»ãƒ» Web Speech API ã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ Can I Use ã‚ˆã‚Šã”ç¢ºèªãã ã•ã„ã€‚ ãƒ†ã‚ã‚¹ãƒˆã®èªã¿ä¸Šã’ã‚’è¡Œã† Speech Synthesis API Speech Synthesis API ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€æŒ‡å®šã—ãŸãƒ†ã‚ã‚¹ãƒˆã‚’ PC ã«èªã¿ä¸Šã’ã•ã›ã‚‹ã“ã¨ã§ãã¾ã™ã€‚ ä½¿ã„æ–¹ã¯éžå¸¸ã«ç°¡å˜ã§ã€new SpeechSynth
hatano99 2017/01/12
javascript

ãƒ†ã‚ã‚¹ãƒˆèªã¿ä¸Šã’

HTML5

pocket2twitter

WebSpeechAPI
ãƒªãƒ³ã‚¯
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
hatano99 2016/11/22
javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

design

jquery

html5

animation

svg
ãƒªãƒ³ã‚¯
GitHub - glassesfactory/kazitori.js: pushState library.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
hatano99 2016/01/29
backbone

javascript

library

html5
ãƒªãƒ³ã‚¯
Processing.js drug and drop
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
hatano99 2015/09/14
images

Processing

want

JavaScript

programming

html5

library
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž
åˆå¿ƒè€…ã§ã‚‚çµ¶å¯¾ã‚ã‹ã‚‹ã€WebGLãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼œthree.jsæœ€åˆã®ä¸€æ©ï¼ž å°å±±ç”° æ™ƒæµ©ï¼ˆæ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ï¼‰ WebGLã¯ã¨ã¦ã‚‚é«˜åº¦ãªæŠ€è¡“ã§ã‚ã‚‹ä¸€æ–¹ã€APIã¯ä½Žãƒ¬ãƒ™ãƒ«ã§ã‚ã‚‹ãŸã‚ãã®ã¾ã¾ä½¿ã†ã«ã¯ã©ã†ã—ã¦ã‚‚å†—é•·ãªæº–å‚™ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ä¸€æ–¹ã§ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’é€šã—ã¦é«˜ãƒ¬ãƒ™ãƒ«ãªAPIã¨ã—ã¦WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã¨ã—ã¦ã¯three.jsã€Away3D.jsã€Babylon.jsãªã©ãŒæœ‰åã§ã™ã€‚ãã®ä¸ã§ã‚‚ç‰¹ã«äººæ°—ãŒã‚ã‚‹three.jsã‚’é€šã—ã¦ã€WebGLã‚’åˆ©ç”¨ã™ã‚‹æ–¹æ³•ã‚’è§£èª¬ã—ã¾ã™ã€‚(three.jsã®ãƒªãƒ“ã‚¸ãƒ§ãƒ³ã¯åŸ·ç†ç¾åœ¨ã®æœ€æ–°ã§ã‚ã‚‹r65ã‚’åˆ©ç”¨ã—ã¾ã™) three.jsã‚’æ‰‹ã«å…¥ã‚Œã‚‹ three.jsã¯http://threejs.org/ã‹ã‚‰æ‰‹ã«å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚downloadã‹ã‚‰ã€zipãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰‹ã«å…¥ã‚Œã¾
hatano99 2014/12/04
three.js

javascript

api

HTML

3d

HTML5
ãƒªãƒ³ã‚¯
D3.jsã¨Fabric.jsã‚’ä½¿ã£ã¦canvasã«æç”»ã™ã‚‹
d3.js Advent Calendar 2013 4æ—¥ç›®ã®å‚åŠ è¨˜äº‹ã§ã™ã€‚ ä»¥å‰ã‚‚ã€Fabric.jsã«ã¤ã„ã¦ã¯æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹ã®ã§ã™ãŒã€D3ã¨Fabricã®çµ„ã¿åˆã‚ã›ã«ã¯ã„ã‚ã„ã‚ãªå¯èƒ½æ€§ã‚’æ„Ÿã˜ã‚‹ã®ã§ã€å¸ƒæ•™ã®ã¤ã‚‚ã‚Šã§æ”¹ã‚ã¦è¨˜äº‹ã«ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Fabricã¯ã€HTML5ã®canvasè¦ç´ ã‚’ä½¿ã„ã‚„ã™ãã™ã‚‹JavaScriptã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ æœ€è¿‘ã§ã¯ã€Canvas ã¯ã€ç§ãŸã¡ãŒã€å…¨ã é©šãã¹ã ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ ã‚’ã‚¦ã‚§ãƒ–ä¸Šã§ä½œã‚‹ã“ã¨ã‚’å¯èƒ½ã«ã—ã¾ã—ãŸã€‚ã—ã‹ã—ã€ Canvasã®APIãŒæä¾›ã™ã‚‹ã®ã¯ã€æ®‹å¿µãªãŒã‚‰ä½Žæ°´æº–ã§ã™ã€‚ ã‚‚ã—ã€ç§ãŸã¡ãŒå˜ã«åŸºæœ¬çš„ãªå›³å½¢ã‚’ canvasä¸Šã«ã»ã¨ã‚“ã©æããŸã„ã¨æ€ã‚ãšã€ãã®ã“ã¨ã‚’å¿˜ã‚Œã¦ã—ã¾ãˆã°åˆ¥ã§ã™ãŒã€ ã©ã‚“ãªå½¢ã«ã›ã‚ˆã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒå¿…è¦ã«ãªã£ãŸã‚Šã€ ã„ã‹ãªã‚‹ç‚¹ã§ã‚ã‚Œã€çµµã®å¤‰æ›´ãŒå¿…è¦ã«ãªã£ãŸã‚Šã€ã‚‚ã£ã¨è¤‡é›‘ãªå›³å½¢ã‚’ æãã“ã¨ãŒå¿…è¦ã«ãªã£ãŸã‚‰ã€çŠ¶æ³ã¯ä¸€
hatano99 2014/08/26
javascript

canvas

svg

js

HTML5

d3.js

fabric.js
ãƒªãƒ³ã‚¯
PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚
PhoneGapã¨ã¯ä¸€å‘³é•ã†ï¼ç´”å›½ç”£ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã€Œã‚¢ãƒ—ãƒªã‚«ãƒ³ã€äº‹å§‹ã‚ ç• ç”° å–œä¸ˆï¼ˆæ ªå¼ä¼šç¤¾ãƒ‹ãƒ¥ãƒ¼ãƒ•ã‚©ãƒªã‚¢ï¼‰ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯ã€ç´”å›½ç”£ã®ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã„ã¤ã‚‚ä½¿ã£ã¦ã„ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿ã ã‘ã§ã‚¢ãƒ—ãƒªãŒä½œã‚Œã‚‹ã®ã§ã€é–‹ç™ºç’°å¢ƒã®OSã‚‚é¸ã³ã¾ã›ã‚“ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã¯2013å¹´æœ«ã«å…¬é–‹ã•ã‚Œã€ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã¯å¾Œç™ºã§ã™ãŒã€ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã¯ç•°ãªã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã¨ã—ã¦ã€æ§˜ã€…ãªãƒ‘ãƒ¼ãƒˆãƒŠãƒ¼ä¼æ¥ã®ã‚µãƒ¼ãƒ“ã‚¹ã®SDKã‚’çµ„ã¿è¾¼ã¿ã€ARæ©Ÿèƒ½ã‚„ã€ä½ç½®æƒ…å ±é€£å‹•ã‚µãƒ¼ãƒ“ã‚¹ãªã©è¤‡é›‘ãªã‚µãƒ¼ãƒ“ã‚¹ã‚ªãƒ—ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ JavaScriptã‹ã‚‰ç°¡å˜ã«å‘¼ã³å‡ºã›ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ åŸºæœ¬ã¯ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ãŒã€å‰è¿°ã®é«˜æ©Ÿèƒ½ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã‚Šã€ç„¡æ–™ãƒ“ãƒ«ãƒ‰ã—ãŸã‚¢ãƒ—ãƒªã«è¡¨ç¤ºã•ã‚Œã‚‹åºƒå‘ŠãƒãƒŠãƒ¼ã‚’å¤–ã™å ´åˆã«ã¯æœ‰æ–™ã¨ãªã‚Šã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«å¿…è¦ãªã‚‚ã® ã‚¨ãƒ‡ã‚£ã‚¿ å¥½å¥‡å¿ƒ ã‚¢ãƒ—ãƒªã‚«ãƒ³ã®é–‹ç™ºã«ã¯ã€IDEã‚’
hatano99 2014/07/25
JavaScript

iOS

html

html5
ãƒªãƒ³ã‚¯
SCRAPBLOG : canvasè¦ç´ ã«ã‚ˆã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆä¿å˜æ©Ÿèƒ½
ä»Šå¹´4æœˆã«è¡Œãªã‚ã‚ŒãŸMozillaParty7.0ã«ãŠã„ã¦ã€ã„ãã¤ã‹æœ‰ç”¨ãªæƒ…å ±ã‚’å¾—ã‚‹ã“ã¨ãŒã§ããŸãŒã€ä¸ã§ã‚‚canvas è¦ç´ ã® toDataURL ãƒ¡ã‚½ãƒƒãƒ‰ã§å–å¾—ã—ãŸ data:URL ã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã¸ä¿å˜ã™ã‚‹ã¨ã„ã† Taken ã•ã‚“ã®æƒ…å ±ã¯ã€ ScrapBook ã§ä¿å˜ã—ãŸWebãƒšãƒ¼ã‚¸ã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã«ã‚ˆã£ã¦ä¸€æœ›ã™ã‚‹ã¨ã„ã†ãƒ—ãƒ©ãƒ³ã‚’ä¸€æ°—ã«å®Ÿç¾ã¸ã¨è¿‘ã¥ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ã‚ŠãŒãŸã„ã‚‚ã®ã§ã‚ã£ãŸã€‚ãã®å…·ä½“çš„ãªæ–¹æ³•ã¯Taken SPC : Mozilla Party JP 7.0 ã«è¡Œã£ã¦ãã¾ã—ãŸã®ãƒã‚¹ãƒˆã§ã‚‚èª¬æ˜Žã•ã‚Œã¦ã„ã‚‹ãŒã€ã“ã‚Œã‚’åˆ©ç”¨ã—ã¦ç¾åœ¨ãƒ–ãƒ©ã‚¦ã‚¶ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆï¼ˆä»Šå›žã¯ã‚µãƒ ãƒã‚¤ãƒ«ã§ã¯ãªãã€åŽŸå¯¸å¤§ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆï¼‰ã‚’PNGç”»åƒã¨ã—ã¦ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ã¿ã‚‹ã€‚ (1) XUL html:canvasè¦ç´ ã‚’ chrome://browser/conte
hatano99 2013/08/12
JavaScript

html

canvas

programming

html5

firefox

extension
ãƒªãƒ³ã‚¯
HTML5ã§ãƒ¢ãƒã‚¤ãƒ«3Dã‚²ãƒ¼ãƒ ã®é–‹ç™ºã¯å¯èƒ½?!
å¯èƒ½ã«ã™ã‚‹éµã¨ãªã‚‹æŠ€è¡“ã¯ã“ã“ã«ã‚ã‚‹ã®ã‹?! æŠ€è¡“ã®ç´¹ä»‹ã€‚ ãƒ»DOM ãƒ»CSS3 ãƒ»CSS3 3D ãƒ»CSS3 FILTERS ãƒ»CANVAS ãƒ»WEBGL ã€iPhoneç”¨ã®CSS3 3Dã‚µãƒ³ãƒ—ãƒ«ã€‘ http://bit.ly/democss3d
hatano99 2013/02/15
javascript

3d

development

HTML5

Android
ãƒªãƒ³ã‚¯
mdlab.jp
This domain may be for sale!
hatano99 2013/01/22
node.js

js

JavaScript

ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢

html5

node
ãƒªãƒ³ã‚¯
enchant.js - A simple JavaScript framework for creating games and apps.
enchant.js is â€¦ ã‚«ãƒ³ã‚¿ãƒ³ã«ã‚²ãƒ¼ãƒ ã‚„ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã§ãã‚‹ HTML5 + JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ 2011å¹´ã«å…¬é–‹ã•ã‚Œã€ã™ã§ã«Â 1,000 æœ¬ä»¥ä¸Šã®ã‚²ãƒ¼ãƒ /ã‚¢ãƒ—ãƒªãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ (MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹) ã§ã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ»æ›¸ç±ãƒ»ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆãŒå……å®Ÿã—ã¦ã„ã¾ã™ã€‚ ãŸãã•ã‚“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§æ©Ÿèƒ½ã‚’æ‹¡å¼µã§ãã¾ã™ã€‚ UEI/ARC ã‚’ä¸å¿ƒã¨ã—ãŸãƒ¡ãƒ³ãƒã«ã‚ˆã£ã¦é–‹ç™ºãƒ»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ•™è‚²ã®ãŸã‚ã«ã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Features ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘: è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯ã™ã¹ã¦ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã§ã™ã€‚ ãƒžãƒ«ãƒãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ : iOS, Android, Mac, Windows ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã—ã¾ã™ã€‚ Windows 8: Windows 8 å¯¾å¿œã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã§ãã¾ã™ ã‚¤ãƒ™ãƒ³ãƒˆé§†å‹•
hatano99 2012/02/22
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

é–‹ç™º

enchant.js

html

html5

game

framework

javascript
ãƒªãƒ³ã‚¯
HTML5 Canvasã‚’å§‹ã‚ã‚ˆã†ï¼šEaselJSã‚’ä½¿ã£ãŸæµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«å…¥é–€ | ClockMaker Blog
HTML5ã®Canvasã‚’Flashãƒ©ã‚¤ã‚¯ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒEaselJSã€ã§æµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®ãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ demo source EaselJSã‚’ä½¿ãˆã°Flashã®ã‚ˆã†ã«HTML5 Canvasã‚’ä½¿ã†ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ActionScriptã‹ã‚‰æ¦‚å¿µã ã‘ã§ã¯ãªãã‚³ãƒ¼ãƒ‰ã®å†åˆ©ç”¨æ€§ãŒé«˜ã¾ã‚Šã¾ã™ã€‚ä»Šå›žã¯æµä½“ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã®è¡¨ç¾ã‚’é€šã—ã¦ã€EaselJSã¨Canvasã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ä½œã‚Šæ–¹ å†’é ã®ãƒ‡ãƒ¢ã§ã™ãŒã€ç§ãŒä»¥å‰ä½œæˆã—ãŸFlashã®ä½œå“ã€ŒFlashã®é«˜é€ŸåŒ–ã‚’è©¦ã™ã€Bit mapDataã‚’é…åˆ—ã«æ ¼ç´ã™ã‚‹ã“ã¨ã§2ã€œ3å€ã®é«˜é€ŸåŒ–ã€ã‹ã‚‰ç§»æ¤ã—ãŸã‚‚ã®ã§ã™ã€‚ ã•ã¦ã€ã“ã®ãƒ‡ãƒ¢ã‚’HTML5 Canvasã«å±•é–‹ã™ã‚‹ã«ã‚ãŸã‚Šã€ç‰¹ã«æŠ‘ãˆã¦ãŠããŸã„ã®ã¯æ¬¡ã®ç‚¹ã ã¨æ€ã„ã¾ã—ãŸã€‚ ãƒ•ã‚©ãƒ¼ã‚¹ãƒžãƒƒãƒ—ã®ä½œæˆ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«æƒ…å ±ã‚’ä»˜ä¸Žã—ãŸè¡¨ç¤ºã‚¯ãƒ©ã‚¹ã®ä½œæˆ ãƒ•ã‚©ãƒ¼ã‚¹ãƒžãƒƒãƒ—
hatano99 2012/02/07
ã‚¦ã‚§ãƒ–åˆ¶ä½œ

html5

html

JavaScript

flash

ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«

HTML
ãƒªãƒ³ã‚¯
Three.js â€“ JavaScript 3D Library
three.jsr127 docs examples Learn documentation examples editor Community questions discord forum slack twitter Code github download devtools Resources Three.js Fundamentals Three.js Journey Learn Three.js åˆã‚ã¦ã®Three.js Merch T-Shirts submit project
hatano99 2012/02/04
demo

library

javascript

canvas

three.js

3D

HTML5
ãƒªãƒ³ã‚¯
JavaScript 3Dãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã®Three.jsã‚’è©¦ã™
ã“ã‚“ã«ã¡ã¯ã€‚ KRAYã‚¢ãƒ«ãƒã‚¤ãƒˆã®æµ…æµ·ã§ã™ã€‚ ä»Šå›žã¯ã€æœ€è¿‘ã¡ã¾ãŸã§å™‚ã®Three.jsã§éŠã‚“ã§ã¿ã‚ˆã†ã¨ãŠã‚‚ã„ã¾ã™ã€‚ http://github.com/mrdoob/three.js webglå¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã§è¦‹ã¦ã„ã‚‹æ–¹ã¯ã€å³ä¸Šã«3Dã®ãƒœãƒƒã‚¯ã‚¹ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ Three.jsã‚’ä½¿ãˆã°ã€ã“ã®ã‚ˆã†ãªã“ã¨ã‚’ç°¡å˜ã«Javascriptã§å®Ÿç¾ã§ãã‚‹ã®ã§ã™ã€‚ åŠä¿¡åŠç–‘ã§ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€ãŸã—ã‹ã«Three.jsã§ã¯ã€3Dç‰¹æœ‰ã®è¡Œåˆ—è¨ˆç®—ã‚„æ•°å¦çš„æ€è€ƒã‚’ã›ãšã¨ã‚‚ã€3Dã‚’è¡¨ç¤ºã€æ“ä½œã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã€Œã¡ã‚‡ã£ã¨ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã§3DãŒã§ãã‚‹ã€‚ã€ ã“ã®é¢ç™½ã•ã‚’çš†ã•ã‚“ã«å±Šã‘ãŸã„ã§ã™ã€‚ ç›®æ¬¡ ç«‹æ–¹ä½“ã‚’è¡¨ç¤ºã™ã‚‹ å…‰ã‚’ã‚ã¦ã‚‹ ãƒ†ã‚¹ã‚¯ãƒãƒ£ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ ãƒžã‚¦ã‚¹ã§å›žè»¢ã•ã›ã‚‹ ãƒžã‚¦ã‚¹ã§ç§»å‹•ã•ã›ã‚‹ ã‚¯ãƒªãƒƒã‚¯åˆ¤å®šã™ã‚‹ Three.js webä¸Šã«ã¯ã€HTML5ã®canvasã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·
hatano99 2012/02/03
webã‚µãƒ¼ãƒ“ã‚¹

javascript

html5

3d

canvas
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸