[B! canvas] amayanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

amayan id:amayan

canvasã«é–¢ã™ã‚‹amayanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

HTML5ã‚µã‚¤ãƒˆã®åœŸå°ã‚’ä½œã£ã¦ãã‚Œã‚‹ã€ŒInitializrã€:phpspoté–‹ç™ºæ—¥èªŒ
Initializr HTML5ã‚µã‚¤ãƒˆã®åœŸå°ã‚’ä½œã£ã¦ãã‚Œã‚‹ã€ŒInitializrã€ã€‚ ï¼‘ã‹ã‚‰HTMLã‚’ä½œã£ã¦ã„ãã®ã‚‚ã„ã„ã§ã™ãŒã€Initializrã‚’ä½¿ãˆã°ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰å½¢å¼ã§é€²ã‚ã‚‹ã¨åŸºæœ¬çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã‚’zipã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ åŸºæœ¬HTMLã‚’å«ã‚€ã‹ã€jQueryã‚’å«ã‚€ã‹ï¼Ÿã®è¨å®šã‚„ã€ã‚µãƒ¼ãƒè¨å®šã‚‚å«ã‚“ã å½¢ã§ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸åŒ–ãŒå¯èƒ½ã§ã™ã€‚ HTMLã«åˆæœŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å«ã‚€ã‹ã©ã†ã‹ï¼Ÿ jQueryã‚’å«ã‚€ã‹ã©ã†ã‹ï¼Ÿ ãã®ä»–è¨å®šã—ãŸå¾Œã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯HTMLï¼•ã®ãƒã‚´ã‚’ãƒ¢ãƒãƒ¼ãƒ•ã«ã—ãŸã®ã ã¨æ€ã„ã¾ã™ãŒã€UIã¯ãªã‹ãªã‹åˆ†ã‹ã‚Šã‚„ã™ã„ã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆè‰²ã€… è¦‹ã¦ãŠãã¹ãHTML5ã‚µã‚¤ãƒˆé›† HTML5ã®canvasã‚¿ã‚°ã§æãã‚°ãƒ©ãƒ•æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒAwesomeChartJSã€ PCã‚„ã‚¹ãƒžãƒ•ã‚©ã§ã©ã“ã§ã‚‚æŒã£ã¦ã‚‹éŸ³æ¥½ã‚’è´ã‘ã‚‹HTML5ãƒ™ãƒ¼ã‚¹
amayan 2011/02/14
ã¹ã‚“ã‚Šï¼

html5

initializer

generator

canvas
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2010/11/15/20101112a-world-of-tweets/
amayan 2010/11/15
"ä¸–ç•Œä¸ã®ä½ç½®æƒ…å ±ä»˜ããƒ„ã‚¤ãƒ¼ãƒˆã‚’ãƒ´ã‚£ã‚¸ãƒ¥ã‚¢ãƒ©ã‚¤ã‚º"

canvas

twitter

design

api

feed

communication

visualize
ãƒªãƒ³ã‚¯
HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€:phpspoté–‹ç™ºæ—¥èªŒ
Signature Pad Lab Thomas J Bradley HTML5ã®canvasã‚’ä½¿ã£ã¦æ‰‹æ›¸ãç½²åå…¥åŠ›ã‚’WEBã§è¡Œã†éš›ã«å½¹ç«‹ã¤jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSignature Padã€ æ¬¡ã®ã‚ˆã†ã«æ‰‹æ›¸ãã§ç½²åã‚’æç”»ã§ãã‚‹ã‚¨ãƒªã‚¢ã‚’HTML5+canvasã§å®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ JSONãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å¾Œã§æã„ãŸç½²åã‚’å†ç¾ã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ã€‚ ä½•ã‹ã«ä½¿ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Googleãƒ©ã‚¤ã‚¯ãªCAPTCHAã‚’PHPã§ä½œæˆã™ã‚‹ã‚µãƒ³ãƒ—ãƒ« PHPã¨GDã‚’ä½¿ã£ã¦Captchaã‚’è‡ªä½œã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« PHPç‰ã§å®Ÿè£…ã§ãã‚‹å‹•ç”»ã§CAPTCHAã§ãã‚‹ã‚ˆã‚Šå¼·å›ºãªã€ŒNuCaptchaã€
amayan 2010/11/14
JSONãƒ‡ãƒ¼ã‚¿ã§ãƒ—ãƒ¬ã‚¤ãƒãƒƒã‚¯ã‚‚å¯èƒ½ã€‚ãŠã‚‚ã—ã‚ã„

html5

jquery

captcha

canvas

design
ãƒªãƒ³ã‚¯
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Robust Session Storage in Phoenix Live View SessionsPersistently storing session info in Phoenix Live View to it survives reloads and live navigation Building the Perfect Logo StripCreate a visually balanced logo strip by adjusting logo height
amayan 2010/06/14
canvas

audio

javascript

twitter
ãƒªãƒ³ã‚¯
è¦‹ã¦ãŠãã¹ãHTML5ã‚µã‚¤ãƒˆé›†:phpspoté–‹ç™ºæ—¥èªŒ
5 Must See HTML5 Sites è¦‹ã¦ãŠãã¹ãã€ã‹ã©ã†ã‹ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ãŒã€HTML5ã®å¯èƒ½æ€§ã«ã¤ã„ã¦çŸ¥ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚µã‚¤ãƒˆé›†ã§ã™ã€‚ ãƒ“ãƒ‡ã‚ªã€ã‚ãƒ£ãƒ³ãƒã‚¹ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ç‰HTMLï¼•ã®ãƒ‡ãƒ¢é›†ã€‚ ã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œã‚‚ã‚¢ã‚¤ã‚³ãƒ³ä»˜ã§ã‚ã‹ã‚Šã‚„ã™ã„ã‚µã‚¤ãƒˆã€‚ Canvasã§Windowsã®Paintã‚’å®Ÿç¾ã—ãŸå‡„ã„ã‚µã‚¤ãƒˆ HTMLï¼•ã§æ›¸ã‹ã‚ŒãŸã‚µã‚¤ãƒˆã®ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã€‚ ã¨ã„ã£ãŸæ„Ÿã˜ã§HTML5ã«ã¤ã„ã¦å¦ã¹ã‚‹ã‚µã‚¤ãƒˆé›†ã€‚æš‡ãªã¨ãã«çœºã‚ã‚‹ã ã‘ã§ã‚‚äºˆç¿’ã«ãªã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ç„¡èŒ¶è‹¦èŒ¶ã‚«ãƒƒã‚³ã„ã„HTML5ãƒ“ãƒ‡ã‚ªãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã€ŒSublimeVideoã€ æœ€è¿‘å…¬é–‹ã®HTML5é–¢é€£ã®å‚è€ƒã‚µã‚¤ãƒˆè‰²ã€…ã¾ã¨ã‚
amayan 2010/04/06
html5

canvas
ãƒªãƒ³ã‚¯
ã‚°ãƒ¼ã‚°ãƒ«ãŒè³ã‘ã‚‹HTML 5ã®æœªæ¥ ï¼ ï¼ IT
2009/05/28 ã€Œæ±ºã—ã¦Webã‚’ã‚ãªã©ã£ã¦ã¯ã„ã‘ãªã„ã€ï¼ˆNever underestimate the Webï¼‰ã€‚Google I/O 2009åˆæ—¥ã®åŸºèª¿è¬›æ¼”ã§ã‚·ãƒ¥ãƒŸãƒƒãƒˆCEOã«ç¶šã„ã¦ç™»å£‡ã—ãŸã®ã¯ã€ç±³ã‚°ãƒ¼ã‚°ãƒ« ãƒã‚¤ã‚¹ãƒ»ãƒ—ãƒ¬ã‚¸ãƒ‡ãƒ³ãƒˆã®ãƒ“ãƒƒã‚¯ãƒ»ã‚°ãƒ³ãƒ‰ãƒˆãƒ©æ°ã ã€‚ã‚†ã£ãã‚Šã¨ä¸€èªžä¸€èªžã‚’åŒºåˆ‡ã‚ŠãªãŒã‚‰èªžã‚Šå§‹ã‚ãŸã‚°ãƒ³ãƒ‰ãƒˆãƒ©æ°ã®è¨€è‘‰ã«ã¯é‡ã¿ãŒã‚ã‚‹ã€‚å½¼ã¯å…ƒãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã§ã€ã¾ã•ã«Webã‚’ã‚ãªã©ã£ã¦ã„ãŸå´ã«ã„ãŸã‹ã‚‰ã ã€‚ ã‚°ãƒ³ãƒ‰ãƒˆãƒ©æ°ã¯Windowsãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’å”±é“ã™ã‚‹ç«‹å ´ã«ã‚ã£ãŸã€‚å½¼ã«é™ã‚‰ãšã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆç¤¾å“¡ã®é–“ã«ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ãªã‘ã‚Œã°ã§ããªã„ã“ã¨ãŒã‚ã‚‹ã¨ã™ã‚‹è¦‹æ–¹ãŒä¸€èˆ¬çš„ã ã£ãŸã¨ã„ã†ã€‚ã€ŒKeyholeã¨ã„ã†ä¼šç¤¾ãŒå‡ºã¦ããŸã¨ãã€å½¼ã‚‰ãŒæŒã¤ã‚ˆã†ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã“ãã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã§ãªã‘ã‚Œã°ã§ããªã„ã‚‚ã®ã ã¨è¨€ã£ã¦ã„ãŸã€‚ã¨ã“ã‚ãŒã‚°ãƒ¼ã‚°ãƒ«ã¯2004å¹´11æœˆã«Keyholeã‚’è²·åŽã—ã€Goo
amayan 2009/06/22
html5

canvas

javascript

google
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã§ãŠçµµæããƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ï¼ Processing.js ç™»å ´ï¼ - ITæˆ¦è¨˜
ã¯ã˜ã‚ã« ä»Šæ—¥ã€ jQuery ã®ä½œè€…ã¨ã—ã¦æœ‰åãª John Resig ã•ã‚“ãŒ Processing.js ã¨ã„ã† JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ John Resig - Processing.js ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€æ¯”è¼ƒçš„ç°¡å˜ã«ä»¥ä¸‹ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ãã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€å…¬é–‹ã•ã‚ŒãŸã°ã‹ã‚Šã®ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç°¡å˜ãªä½¿ã„æ–¹ã‹ã‚‰è©³ã—ã„ä½¿ã„æ–¹ã¾ã§ã¨ã“ã¨ã‚“æŽ˜ã‚Šä¸‹ã’ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Processing.js æ¦‚è¦ ã¾ãšã€ Processing.js ã¨ã¯ä½•ã‹ã¨ã„ã†è©±ã‚’ã—ã¾ã™ã€‚ Processing.js ã¨ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§ Processing ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã‚’å®Ÿè¡Œã™ã‚‹ JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã§ã¯ã€ Processing ã¨ã¯ã©ã®ã‚ˆã†ãªãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžãªã®ã§ã—ã‚‡ã†ã‹ã€‚ Processing
amayan 2008/05/10
amachang

canvas

processing

javascript

proce55ing

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
1