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

lizy id:lizy

html5ã«é–¢ã™ã‚‹lizyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (261)

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

ã€Œè‰¦ã“ã‚Œã€Flashâ†’HTML5ã«ã€€å¤§è¦æ¨¡ãƒ¡ãƒ³ãƒ†ã‚¹ã‚¿ãƒ¼ãƒˆ
DMM GAMESãŒé‹å–¶ã™ã‚‹äººæ°—ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã€Œè‰¦éšŠã“ã‚Œãã—ã‚‡ã‚“-è‰¦ã“ã‚Œ-ã€ãŒ8æœˆ15æ—¥ã€54æ™‚é–“ã«ã‚ãŸã‚‹å¤§è¦æ¨¡ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã«å…¥ã£ãŸã€‚Flashãƒ™ãƒ¼ã‚¹ã‹ã‚‰HTML5ãƒ™ãƒ¼ã‚¹ã«ç§»è¡Œã™ã‚‹ã“ã¨ãŒä¸»ãªç›®çš„ã ã€‚15æ—¥åˆå‰11æ™‚55åˆ†ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚’é–‹å§‹ã€‚17æ—¥åˆå¾Œ6æ™‚ã«ä½œæ¥ã‚’å®Œäº†ã™ã‚‹äºˆå®šã ã€‚ è‰¦ã“ã‚Œã¯Flashãƒ™ãƒ¼ã‚¹ã®ã‚²ãƒ¼ãƒ ã ã£ãŸãŒã€ç±³Adobe SystemsãŒ2017å¹´7æœˆã€Flashã®é–‹ç™ºãƒ»æä¾›ã‚’2020å¹´æœ«ã«çµ‚äº†ã™ã‚‹ã¨ç™ºè¡¨ã€‚è‰¦ã“ã‚Œã¯ãã®å¾Œã€HTML5ã«ç§»è¡Œã™ã‚‹è¨ˆç”»ã‚’ç™ºè¡¨ã—ã€HTML5ç‰ˆã®é–‹ç™ºã‚’é€²ã‚ã¦ã„ãŸã€‚ Flashãƒ™ãƒ¼ã‚¹ã®è‰¦ã“ã‚Œã¯ã€Œç¬¬1æœŸã€ã€HTML5ãƒ™ãƒ¼ã‚¹ã¯ã€Œç¬¬2æœŸã€ã¨ä½ç½®ã¥ã‘ã€‚æ©Ÿèƒ½ã¯ã»ã¼ãã®ã¾ã¾ç¶™æ‰¿ã—ã€è¦‹ãŸç›®ã‚‚å¤§ããå¤‰ã‚ã‚‰ãªã„ãŒã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯é«˜è§£åƒåº¦åŒ–ã€‚ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹æ§‹é€ ã‚‚æ”¹ä¿®ã—ã¦ãŠã‚Šã€è‰¦å¨˜ã‚½ãƒ¼ãƒˆã‚·ã‚¹ãƒ†ãƒ ã®ä¸¦ã³é †ãŒå¤‰ã‚ã‚‹ãªã©ã®å¤‰æ›´ãŒã‚ã‚‹ã¨ã„ã†ã€‚ é–¢é€£è¨˜äº‹ Flashçµ‚äº†ã¸ã€€DMMã®ã€Œè‰¦
lizy 2018/08/15
ã¤ã„ã«Flashä½¿ã‚ãªããªã‚‹ã®ã‹

è‰¦ã“ã‚Œ

flash

html5
ãƒªãƒ³ã‚¯
Cacoo HTML5 ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ8æœˆ28æ—¥ã«ãƒªãƒªãƒ¼ã‚¹æ±ºå®šï¼ç·¨é›†ç”»é¢ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå‘ä¸Šã—ã¾ã™ã€‚ | Cacooãƒ–ãƒã‚°
ä»•æ§˜ã‚„UI(ç”»é¢)ã¯ç¾è¡Œãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ç•°ãªã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ Cacooã®æœ€æ–°ç‰ˆã«ã¤ã„ã¦ã¯ã“ã¡ã‚‰ã‹ã‚‰ã”ç¢ºèªãã ã•ã„ã€‚ ã“ã‚“ã«ã¡ã¯ï¼Cacooãƒãƒ¼ãƒ ã®å¹³å±±ã§ã™ã€‚ã„ã‚ˆã„ã‚ˆ2017å¹´8æœˆ28æ—¥ã‚ˆã‚Šã€HTML5ã§ä½œã‚‰ã‚ŒãŸCacooã®ç·¨é›†ç”»é¢ãŒåˆ©ç”¨ã§ãã¾ã™ã€‚ Cacoo HTML5 ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãƒªãƒªãƒ¼ã‚¹ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦ã€28æ—¥ã®æ®µéšŽã§ã¯ã€æ–°è¦ã§ä½œæˆã—ãŸå›³ã¯ã™ã¹ã¦HTML5ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ç·¨é›†å¯èƒ½ã«ã€ãƒªãƒªãƒ¼ã‚¹å¾Œä¸€ãƒµæœˆã‚’ã‚ã©ã«ã—ã¦ã™ã§ã«ä½œæˆã—ãŸå›³ã‚‚HTML5ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ç·¨é›†ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ Cacoo HTML5 ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯å¾“æ¥ã®Flashç‰ˆã‚’è¸è¥²ã—ã¦ã„ã¾ã™ãŒã€å†…éƒ¨å‡¦ç†ãŒåˆ·æ–°ã•ã‚Œã¦ãŠã‚Šã€å¾“æ¥ã‚ˆã‚Šã‚‚ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒå‘ä¸Šã—ã¦ã„ã¾ã™ã€‚è©³ã—ã„æ”¹å–„ç‚¹ã¯28æ—¥ã®ãƒªãƒªãƒ¼ã‚¹å¾Œã«ã‚ã‚‰ãŸã‚ã¦æƒ…å ±ã‚’å…¬é–‹ã—ã¾ã™ã€‚ Cacoo HTML5 ãƒãƒ¼ã‚¸ãƒ§ãƒ³æä¾›ã«ã‚ãŸã£ã¦èµ·ãã‚‹å¤‰æ›´ç‚¹ åå¿œé€Ÿåº¦ãŒæ”¹å–„
lizy 2017/08/21
html5

webã‚µãƒ¼ãƒ“ã‚¹

drawing
ãƒªãƒ³ã‚¯
ç›®æŒ‡ã™ã®ã¯ã¶ã£ã¡ãŽã‚Šã®é€Ÿã•! ãªãœ HTML5 ç‰ˆCacooã¯SVGã‚’æŽ¡ç”¨ã™ã‚‹ã®ã‹ | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã‚“ã«ã¡ã¯ï¼ Cacoo ãƒãƒ¼ãƒ ã®ä¸åŽŸã§ã™ã€‚ç¾åœ¨Cacooãƒãƒ¼ãƒ ã¯Flashã§ä½œã‚‰ã‚Œã¦ã„ã‚‹å›³ã®ç·¨é›†ç”»é¢(ä»¥ä¸‹ã‚¨ãƒ‡ã‚£ã‚¿ã¨è¡¨ç¾ã—ã¾ã™)ã‚’* HTML5 ã§ç½®ãæ›ãˆã‚‹é–‹ç™ºã‚’é€²ã‚ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€ HTML5 ç‰ˆ Cacoo ã§å›³å½¢ã®æç”»ã«ä½¿ç”¨ã•ã‚Œã‚‹ã€SVGã‚’é¸æŠžã—ãŸç†ç”±ã¨çµŒç·¯ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆ*ç½®ãæ›ãˆã‚‹ç†ç”±ã«ã¤ã„ã¦ã¯ã€ŒGood-Bye Flash ~ Cacooã¯HTML5ã§ç”Ÿã¾ã‚Œå¤‰ã‚ã‚Šã¾ã™ã€ã‚’ã”è¦§ãã ã•ã„ï¼‰ ã©ã®æŠ€è¡“ã‚’ä½¿ã£ã¦å›³å½¢ã‚’æã?é‡è¦–ã—ãŸã®ã¯ã€Œãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ å›³å½¢ã®æç”»ã«ã©ã‚“ãªæŠ€è¡“ã‚’ä½¿ã†ã‹ã€‚ã„ãã¤ã‹å€™è£œã‚’ä¸Šã’ã¾ã—ãŸã€‚ 2D Canvas 3D Canvas (WebGL) SVG (ã“ã‚Œä»¥å¤–ã«ã€Unityã¨ã„ã†æ„è¦‹ã‚‚ã‚ã‚Šã¾ã—ãŸãŒä»Šå›žã¯Webæ¨™æº–æŠ€è¡“ã‚’ä½¿ã†ã“ã¨ã‚’å‰æã«ã—ã¾ã—ãŸã€‚) ã•ã¦ã€ã©ã‚Œã‚’ä½¿ãŠã†ã€‚ç§ãŸã¡ãŒã©ã®æŠ€è¡“ã‚’é¸æŠžã™ã‚‹ã®ã‹ã€åŸºæº–ã‚’æ±ºã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã
lizy 2017/02/28
drawing

svg

canvas

html5
ãƒªãƒ³ã‚¯
ã¾ã ã‚·ãƒ³ã‚°ãƒ«ã‚¹ãƒ¬ãƒƒãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã‚‹ã®ï¼Ÿ HTML5 Canvasã¨Web Workerã®æœ€æ–°æŠ€è¡“ - pixiv inside [archive]
ã“ã¡ã‚‰ã¯ ãƒ”ã‚¯ã‚·ãƒ–æ ªå¼ä¼šç¤¾ Advent Calendar 2016ã€13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ï¼4æœˆã‹ã‚‰ãƒ”ã‚¯ã‚·ãƒ–ã«å…¥ç¤¾ã—ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®@_ragg_ã§ã™âœ¨ ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãƒãƒ¼ãƒ ãƒ»pixivFACTORYãƒãƒ¼ãƒ ãƒ»pixiv FANBOXãƒãƒ¼ãƒ ã‚’æ—…ã—ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‹ã˜ã£ãŸã‚Šãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’è§¦ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€3ä»£ç›®ç¤¾å†…æ—…è¡Œ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ãï¼ ã•ã¦ã€ä»Šå›žã¯HTML5 Canvasã«å®Ÿè£…ã•ã‚Œã¤ã¤ã‚ã‚‹OffscreenCanvasã¨ã€Web Workerã«ã¤ã„ã¦ãŠè©±ã—ã—ã¾ã™ã€‚ã¾ã æ—¥æœ¬èªžæ–‡çŒ®ã®å°‘ãªã„ã‚¢ãƒ„ã‚¢ãƒ„ã®ãƒã‚¿ã§ã™ðŸ”¥ðŸ”¥ OffscreenCanvas #ã¨ã¯ OffscreenCanvasã¯ã€ã€Œç”»é¢ã«è¡¨ç¤ºã•ã‚Œãªã„Canvasã€ã§ã™ã€‚ ã‹ã¤ã¦ CanvasProxy ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã‚’ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‹ã¨æ€ã„ã¾ã™ã€ã¾ã•ã«ãã‚Œã§ã™ã€‚ ã€Œç”»é¢ã«è¡¨ç¤ºã•ã‚Œãªã„Canvasã€ã¯ã€ã€Œè¡¨ç¤ºå‰ã«ä½•æ®µéšŽã‹ç”»åƒã®åŠ
lizy 2016/12/13
javascript

canvas

html5

webworker
ãƒªãƒ³ã‚¯
Capture audio and video in HTML5 Â |Â Articles Â |Â web.dev
Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought a surge of access to device hardware. Geolocation (GPS), the Orientation API (accelerometer), WebGL (GPU), and the Web
lizy 2016/08/17
html5

javascript

webrtc
ãƒªãƒ³ã‚¯
HTML5ã§ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚ã†
1. HTML 5 ã§ä½œã‚‹ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ 2012/05/28 ç¬¬5.5å›ž GTUG Girls Meetup Toru Yoshikawa ( @yoshikawa_t ) 2. Who? å‰å· å¾¹/Toru Yoshikawa html5j.org/HTML5ã¨ã‹å‹‰å¼·ä¼šã‚¹ã‚¿ãƒƒãƒ• Google API Expert ( Chrome )/Chrome API Developers JP Sublime Text 2 Japan Users Group allWebã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼å¡¾/jQuery Mobileæ‹…å½“è¬›å¸« Twitter: @yoshikawa_t Blog: http://d.hatena.ne.jp/pikotea/ 3. Agenda ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ï¼Ÿ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ ã‚ªãƒ•ãƒ©ã‚¤ãƒ³Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–¢é€£
lizy 2016/05/16
html5

webé–‹ç™º

javascript
ãƒªãƒ³ã‚¯
offline web applications â€“ Mozilla Hacks - the Web developer blog
The network is a key component of any web application, whether it is used to download JavaScript, CSS, and HTML source files and accompanying resources (images, videos, â€¦) or to reach web services (XMLHttpRequest and <forms>). Yet having offline support for web applications can be very useful to users. Imagine, for example, a webmail application that allows users to read em ails already in their in
lizy 2016/05/16
html5

webé–‹ç™º
ãƒªãƒ³ã‚¯
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
lizy 2016/03/15
browser

javascript

html

html5

webåˆ¶ä½œ

webé–‹ç™º
ãƒªãƒ³ã‚¯
2015å¹´ã®Webã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®æ¸©åº¦æ„Ÿ - Tetsuharu OHZEKI - Medium
ã“ã®3~4å¹´é–“ã§JavaScriptã¨ã‹Webã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‚’å–ã‚Šå·»ãæ¸©åº¦æ„Ÿã‚‚å¤§ããå¤‰ã‚ã£ãŸã€‚ã“ã‚Œã‹ã‚‰ã¯HTML5ã ãœã‚¤ã‚¨ãƒ¼ã‚¤ã¨é¨’ã„ã§ã„ãŸã®ã‚‚éšåˆ†éŽåŽ»ã®è©±ã«ãªã£ãŸã‚ˆã†ã«æ€ã†ã€‚ã ã‘ã©ã€ã“ã®ã‚ãŸã‚Šã®æ¸©åº¦æ„Ÿã¯ãã‚“ãªã«æŽ´ã¿ã‚„ã™ã„ã‚‚ã®ã§ã¯ç„¡ã„ã€‚åˆ¥ã«æ”¾ã£ã¦ãŠã„ã¦ã‚‚ã„ã„ã‚“ã ã‘ã©ã€æ”¾ã£ã¦ãŠãã¨10å¹´20å¹´çµŒãŸãªã„ã¨èª°ã‚‚æ›¸ã‹ãªã‚“ã¦ã®ã‚‚å‰²ã¨ã‚ˆãã‚ã‚‹è©±ã€‚ã§ã‚‚ã€ãã“ã¾ã§å¾…ã¡ãŸãã¯ç„¡ã„ã€‚ãªã«ã¨ãªã—ã«èª¬æ˜Žã—ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ ã ã„ãŸã„2011~13å¹´ãã‚‰ã„ã¯HTML5ãŒãƒãƒ–ãƒ«ã£ã¦ã„ãŸã€‚ä»Šã‹ã‚‰ã™ã‚‹ã¨ã€Œãƒãƒ–ãƒ«ã ã£ãŸã€ã¨ã„ã†ã®ãŒä¸€ç•ªèª¬æ˜Žã—ã‚„ã™ã„ã€‚Node.jsã‚ãŸã‚ŠãŒä¸–ã®ä¸ã«èªçŸ¥ã‚’æ‹¡å¤§ã—ã¦ã„ãŸã®ã‚‚ã“ã®æ™‚æœŸã ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚·ã‚§ã‚¢ã®ä¼¸ã³ã«åˆã‚ã›ã¦ã€ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§å‡ºã›ã‚‹Webã«ã¿ã‚“ãªå¤¢ã‚’è¦‹ã¦ã„ãŸã€‚MVCã ã®è¨è¨ˆã ã®ä½•ã ã®è¨€ã„å‡ºã—ãŸã®ã‚‚ã€ã ã„ãŸã„ã“ã®ãã‚‰ã„ã®æ™‚æœŸã ã—ã€Single Page Application
lizy 2015/12/01
javascript

ecmascript

node.js

frontend

html5
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã§åˆ†ã‹ã‚‰ãªã„ã“ã¨ã¯ã™ãã«ç¢ºèªï¼HTML5, CSS3, jQuery, WordPress, Bootstrapãªã©ã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
HTML5, CSS3, jQuery, WordPress, Bootstrap, SublimeTextãªã©ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ PDFã‚„ç”»åƒã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ã¦ã€ã™ãã«ç¢ºèªã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠãã¨ä¾¿åˆ©ã§ã™ãã€‚
lizy 2015/09/18
webåˆ¶ä½œ

html

html5

css

cheatsheet

ã‚ã¨ã§
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒ çµ„ã‚“ã ã‚‰è² ã‘ï¼å®Ÿã¯HTML/CSSã ã‘ã§ã§ãã‚‹ã“ã¨2015å¤
2. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ å¹³å°¾å„ªå…¸ï¼ˆã²ã‚‰ãŠ ã‚†ã†ã¦ã‚“ï¼‰ === æ ªå¼ä¼šç¤¾ãƒ‡ã‚£ãƒ¼ã‚¼ãƒ Webã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£æ´»å‹• - ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs - ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š - baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š Yusuke Hirao @cloud10designs 3. 2015 Yusuke Hirao, CC BY-ND. è‡ªå·±ç´¹ä»‹ ## ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç´¹ä»‹ ### ç¦å²¡ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å‹ã®ä¼š Fukuoka Frontend Frogs ### ç¦å²¡ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—å‹‰å¼·ä¼š ### baserCMSãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š ã€Œäº•ã®ä¸ã®è›™ã€ã«ã¯ãªã‚‰ãªã„ã‚ˆã†ã«ã¨é›†ã¾ã£ãŸ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€‚ Webã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ»ã‚¢ãƒ—ãƒªé–‹ç™ºã®æ‚©ã‚ã‚‹è›™ãŸã¡ãŒ ãã®å ´ã§è©±é¡Œã‚’æ±ºã‚ã¦ã€ã‚¢ãƒ³ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹å½¢å¼ã§
lizy 2015/07/30
html

css

webåˆ¶ä½œ

html5
ãƒªãƒ³ã‚¯
Learn web development Â |Â web.dev
Web Platform Dive into the web platform, at your pace.
lizy 2015/07/25
javascript

html5

canvas

performance
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã§ã‚‚ã»ã¼ç„¡æ–™ã§HTML5/CSS3ã‚’å‹‰å¼·ã§ãã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„9é¸ -
Photo by slavik_V ã“ã‚“ã«ã¡ã¯ã€‚è°·å£ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ Webã®ä»•äº‹ã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹äººã‚„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…ã€ã•ã‚‰ã«ã¯ãƒ–ãƒã‚°ã‚’ã‚„ã£ã¦ã„ã‚‹äººãªã©ã€HTMLã¨CSSã‚’ç¿’å¾—ã—ãŸã„äººã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ç‰¹ã«æœ€åˆã¯ã€ŒWebã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ãŸã„ã‘ã©ã©ã†ã—ãŸã‚‰ã„ã„ã‚“ã ã‚ã†â€¦â€¦ã€ã€Œè‡ªåˆ†ã®ãƒ–ãƒã‚°ã‚’è±ªè¯ã«ã—ã¦ã¿ãŸã„ã‚“ã ã‘ã©ã€HTMLã£ã¦ã„ã¾ã„ã¡ã‚ˆãåˆ†ã‹ã‚‰ãªã„â€¦â€¦ã€ãªã©ã€ã•ã¾ã–ã¾ãªæ‚©ã¿ãŒã‚ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ HTMLã¨ã¯ã€Webãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹æ™‚ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã®ä¸€ã¤ã§ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨é•ã„ã€Œã‚¿ã‚°ã€ã‚’ä½¿ã£ã¦ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒè¦‹å‡ºã—ã§ã™ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ãŒä¸€ã¤ã®æ®µè½ã§ã™ã€ç‰ã¨ã„ã£ãŸå°ã‚’ã¤ã‘ã‚‹è¨€èªžã§ã™ã€‚åŸºæœ¬çš„ã«ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®ã‚ˆã†ãªã€Œå…¥åŠ›å€¤ã‚’å–å¾—ã—è¨ˆç®—å‡¦ç†ã‚’ã™ã‚‹ã€ã€Œæ¡ä»¶ã‚’æº€ãŸã™ã¾ã§å‡¦ç†ã‚’ç¹°ã‚Šè¿”ã™ã€ã¨ã„ã£ãŸå‡¦ç†ã‚„è¨ˆç®—ã¯ã§ãã¾ã›ã‚“ã€‚ CSSã¯ã€Webãƒš
lizy 2015/03/26
html

html5

css
ãƒªãƒ³ã‚¯
ï¼»é€Ÿå ±ï¼½HTML5ã€ã¤ã„ã«W3Cã®å‹§å‘Šã¨ãªã‚‹
W3CãŒç™ºè¡¨ã—ãŸãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ï¼ˆæ—¥æœ¬èªžï¼‰ã®å†’é ã‚’å¼•ç”¨ã—ã¾ã™ã€‚ 2014å¹´10æœˆ28æ—¥(ã‚¢ãƒ¡ãƒªã‚«)ï¼š ãƒ¯ãƒ¼ãƒ«ãƒ‰ãƒ»ãƒ¯ã‚¤ãƒ‰ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ã‚³ãƒ³ã‚½ãƒ¼ã‚·ã‚¢ãƒ (W3C)ã¯ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚„ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«ä½¿ç”¨ã•ã‚Œã‚‹ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆHTMLã®ç¬¬5ç‰ˆã§ã‚ã‚‹HTML5ã‚’å‹§å‘Šã¨ã—ã¦å…¬é–‹ã—ã€ã‚ªãƒ¼ãƒ—ãƒ³ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã®ç¤Žã‚’ç¯‰ãã¾ã—ãŸã€‚HTML5ã¯ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºè€…ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ç”£æ¥ãŒã“ã®å…ˆä½•å¹´ã«æ¸¡ã£ã¦ä¿¡é ¼ã™ã‚‹ã«è¶³ã‚‹ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®æ©Ÿèƒ½ã‚’æä¾›ã—ã¾ã™ã€‚HTML5ã¯ä»Šã‚„å¹…åºƒã„ãƒ‡ãƒã‚¤ã‚¹ã§ã€ãã—ã¦ä¸–ç•Œä¸ã®ãƒ¦ãƒ¼ã‚¶ãŒåˆ©ç”¨å¯èƒ½ã§ã‚ã‚Šã€ã‹ã¤è±Šå¯Œãªæ©Ÿèƒ½ã‚’æŒã¤ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚³ã‚¹ãƒˆã‚’å‰Šæ¸›ã—ã¾ã™ã€‚ W3Cãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹™ã‚ã‚‹ãƒ†ã‚£ãƒ ãƒ»ãƒãƒ¼ãƒŠãƒ¼ã‚ºï¼ãƒªãƒ¼ã¯ã€ã€Œãƒ“ãƒ‡ã‚ªã‚„ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§è¦‹ãŸã‚Šã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§é€šè©±ã‚’ã™ã‚‹ã“ã¨ã¯ã€ä»Šã‚„å½“ç„¶ã®äº‹ã¨ã—ã¦å—ã‘æ¢ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚ã€Œå†™çœŸã‚„åº—èˆ—ã®
lizy 2014/10/29
web

html5
ãƒªãƒ³ã‚¯
RIAã«ä»£ã‚ã‚‹æŠ€è¡“ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ï½ž
RIAã«ä»£ã‚ã‚‹æŠ€è¡“ã€å®Ÿç”¨çš„SPAã«ã¤ã„ã¦è€ƒãˆã‚‹ï½žç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ï½ž ä½å· å¤«ç¾Žé›„ï¼ˆAshiras, inc.ï¼‰ Appleã‚·ãƒ§ãƒƒã‚¯ã«ã‚ˆã‚Šç¦ã˜æ‰‹ã¨ãªã£ãŸFlexã€Silverlightã€Javaã‚¢ãƒ—ãƒ¬ãƒƒãƒˆãªã©ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹RIAè£½å“ã®ä»£æ›¿ã¨ã—ã¦ã€SPA(Single-page Application)ãŒæ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚HTML5ã®é«˜åº¦ãªã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ã‚’å¤§è¦æ¨¡é–‹ç™ºã§åˆ©ç”¨ã™ã‚‹éš›ã«ã‚‚é‡è¦ãªå½¹å‰²ã‚’æ‹…ã†æŠ€è¡“ã§ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ãã®å®Ÿè£…æ–¹æ³•ã«ã¯ã€ãƒ™ãƒ³ãƒ€è£½å“ã‹ã‚‰OSSè£½å“ã¾ã§ã€æ€æƒ³ã‚‚å®Ÿè£…ã‚‚ãƒãƒ©ã¤ããŒã‚ã‚Šã¾ã™ã€‚ä½•ã‚’ã‚‚ã£ã¦æ£ã—ã„ã¨ã™ã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªåˆ¤æ–åŸºæº–ã«ã‚ˆã‚Šé¸å®šã™ã‚‹ã®ã‹ã‚‚ã€é›£ã—ã„ã¨ã„ã†çŠ¶æ³ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ 2014å¹´1æœˆ27æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸhtml5jã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºéƒ¨ã«ã‚ˆã‚‹ã€Œç¬¬7å›žã‚¨ãƒ³ã‚¿ãƒ¼ãƒ—ãƒ©ã‚¤ã‚ºÃ—HTML5ãƒŠã‚¤ãƒˆã‚»ãƒŸãƒŠãƒ¼ã€ã€‚ä¼šå ´ã¯KDDIæ§˜å“å·ã‚¤ãƒ¼ã‚¹ãƒˆãƒ¯ãƒ³ã‚¿
lizy 2014/10/16
spa

webé–‹ç™º

html5

architecture
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚™ã‚¤ãƒ«æ™‚ä»£ã®Webãƒã‚šãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
2. Who? å‰å· å¾¹ / Toru Yoshikawa @yoshikawa_Ì²t html5j ä»£è¡¨ï¼html5jãƒ“ã‚®ãƒŠãƒ¼éƒ¨ (å‰¯éƒ¨â»‘â¾§é•·) Google Developer Experts (Chrome) HTML5 Experts.jp ã‚¨ã‚ã‚¹ãƒ‘ãƒ¼ãƒˆ Webå…ˆç«¯æŠ€è¡“å‘³â¾’è¦‹ï¨Šéƒ¨ (é¡§å•)ï¼â½‡æ—¥æœ¬jQuery Mobileãƒ¦ãƒ¼ã‚¶ãƒ¼ä¼š (ç®¡ç†ï§¤â¼ˆäºº)ï¼Sublime Text 2 Japan Users Group (ç®¡ç†ï§¤â¼ˆäºº)ãªã© ãªã© Blog: http://d.hatena.ne.jp/pikotea/
lizy 2014/08/31
webé–‹ç™º

html5
ãƒªãƒ³ã‚¯
ä»Šè©±é¡Œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼æ§‹ç¯‰ãƒ„ãƒ¼ãƒ«ã€ŒYeomanã€ã¨ã¯ï¼Ÿï¼šWEBåˆ¶ä½œã‚’åŠ¹çŽ‡åŒ–ï¼ Yeomanã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ ç¬¬1å›ž | ã‚¨ãƒ³ã‚«ãƒ•ã‚§
ä»Šè©±é¡Œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼æ§‹ç¯‰ãƒ„ãƒ¼ãƒ«ã€ŒYeomanã€ã¨ã¯ï¼Ÿï¼šWEBåˆ¶ä½œã‚’åŠ¹çŽ‡åŒ–ï¼ Yeomanã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ ç¬¬1å›ž ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ‘å²¡ã¨ç”³ã—ã¾ã™ã€‚ã“ã®é€£è¼‰ã§ã¯ã€Webåˆ¶ä½œã‚’åŠ¹çŽ‡åŒ–ã™ã‚‹ãŸã‚ã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼æ§‹ç¯‰ãƒ„ãƒ¼ãƒ« Yeoman ã®ç´¹ä»‹ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰ä¾¿åˆ©ãªä½¿ã„æ–¹ã€ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®æ–¹æ³•ãªã©ã‚’è§£èª¬ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ã§ãã‚‹ã ã‘JavaScriptãªã©ã«ä¸æ…£ã‚Œãªæ–¹ã§ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«èª¬æ˜Žã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ Yeomanã¨ã¯ Yeomanã¯ã€Webãƒšãƒ¼ã‚¸ã‚„Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®åˆ¶ä½œã‚’è¿…é€Ÿã«ã¯ã˜ã‚ã‚‹ã“ã¨ãŒã§ãã€åˆ¶ä½œä¸ã®ã„ã‚ã„ã‚ãªä½œæ¥ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã‚»ãƒƒãƒˆã§ã™ã€‚Webåˆ¶ä½œã‚’ã¯ã˜ã‚ã‚‹æ™‚ã£ã¦ã€å®Ÿã¯äº‹å‰ã«ã„ã‚ã„ã‚ãªæº–å‚™ãŒå¿…è¦ã§ã™ãã€‚ä¾‹ãˆã°JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ä½•ã‚’ä½¿ãŠã†ï¼Ÿã¨ã‹ã€HTML5ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã„ã„ã®ãªã„ã‹ãªï¼Ÿã¨ã‹ã€‚
lizy 2014/07/15
yeoman

bower

grunt

html5

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
å…¥é–€ Webã‚²ãƒ¼ãƒ é–‹ç™º
TOPICS Web , Game , JavaScript ç™ºè¡Œå¹´æœˆæ—¥ 2014å¹´03æœˆ PRINT LENGTH 356 ISBN 978-4-87311-664-8 åŽŸæ›¸ The Web Game Developer's Cookbook FORMAT PDF æœ¬æ›¸ã¯ã€JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨HTML5ã«ã‚ˆã‚‹ã‚²ãƒ¼ãƒ é–‹ç™ºãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’è§£èª¬ã™ã‚‹Webã‚²ãƒ¼ãƒ é–‹ç™ºã®å…¥é–€æ›¸ã§ã™ã€‚ã€ŒHTML5ã‚²ãƒ¼ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã€ã¨ç§°ã•ã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã€100ç¨®é¡žã‚’è¶…ãˆã‚‹å€™è£œã®ä¸ã‹ã‚‰åŽ³é¸ã—ã€ã“ã‚Œã‚‰ã®ã‚¨ãƒ³ã‚¸ãƒ³ã¨æœ¬æ›¸ã§ç´¹ä»‹ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã£ã¦ã€ãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ä½œã™ã‚‹ã‚²ãƒ¼ãƒ ã‚’â€œæ‰‹æ—©ãâ€é–‹ç™ºã—ã¦ã„ãã¾ã™ã€‚ã¾ãŸã€æœ¬æ›¸ã®å„ç« ã§ã¯ã€1ã¤ã®ã‚²ãƒ¼ãƒ ã‚¸ãƒ£ãƒ³ãƒ«ã¨ãã‚Œã‚’è£œåŠ©ã™ã‚‹1ã¤ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’åˆã‚ã›ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ã‚²ãƒ¼ãƒ ã‚¸ãƒ£ãƒ³ãƒ«ã¯ä¸»è¦ãª10ç¨®é¡žã‚’æŽ¡ã‚Šä¸Šã’ã¦ã„ã¾ã™ã€‚èªè€…ã¯ã‚¨ãƒ³ã‚¸ãƒ³ã®ä½¿ã„æ–¹ã‚’å¦ã¶ã†ã¡ã«ãã‚Œã‚‰ã®å…±é€šç‚¹ã¨ç›¸é•ç‚¹
lizy 2014/07/07
o'reilly

book

webé–‹ç™º

html5

javascript
ãƒªãƒ³ã‚¯
Private Presentation
Private content!This content has been marked as private by the uploader.
lizy 2014/07/07
html5

webé–‹ç™º

javascript
ãƒªãƒ³ã‚¯
ã¯ã‚„ã‚ã‹ã‚ŠHTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºäº‹æƒ…
29. âˆ¼ã¨ã„ã†æ©Ÿèƒ½ã¯ä½œã‚Œã‚‹? 29 â€£ ã‚ã‚‰ã‹ã˜ã‚æ¤œè¨¼ã—ã¾ã—ã‚‡ã† â€£ HTML5ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚ã‚Šãã«ãªã‚‰ãªã„ â€£ PhoneGapãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã‹ã©ã†ã‹è©¦ãã† â€£ PhoneGapãƒ—ãƒ©ã‚°ã‚¤ãƒ³è‡ªä½œã‚‚æ¤œè¨Žã™ã‚‹ â€£ ã‚‚ã¡ã‚ã‚“HTML5ã‚’ä½¿ã‚ãªã„é¸æŠžè‚¢ã‚‚
lizy 2014/05/26
html5

smartphone

framework

development

é–‹ç™ºç’°å¢ƒ
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸