[B! HTML5][JavaScript] fm315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fm315 id:fm315

HTML5ã¨JavaScriptã«é–¢ã™ã‚‹fm315ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

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

Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS â€¦
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well â€¦ Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
fm315 2015/03/02
css

JavaScript

HTML5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›Webã‚µã‚¤ãƒˆ/ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’é«˜é€ŸåŒ–ã™ã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¾ã¨ã‚ | BACKEND AS A SERVICE mbaas BLOG
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘ã®Webã‚µã‚¤ãƒˆé–‹ç™ºã§ã¯jQuery/Backbone.js/AngularJS/Ember.jsãªã©ã‚’æŽ¡ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®Webã‚µã‚¤ãƒˆã¨ãªã‚‹ã¨ã¾ãŸå‹æ‰‹ãŒé•ã„ã¾ã™ã€‚ç‰¹ã«UIå‘¨ã‚Šã®å–ã‚Šå›žã—ã§ã‚ã£ãŸã‚Šã€ã‚¿ãƒƒãƒ/ãƒžãƒ«ãƒã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰¹æœ‰ã®APIãªã©ã‚’é©åˆ‡ã«æ‰±ãˆãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ä½•ã‚ˆã‚Šãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã®æ€§èƒ½ãŒãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚ˆã‚Šä½Žã„ã®ã§é«˜é€Ÿã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãå‹•ä½œã•ã›ã‚‹ãŸã‚ã«ã¯è»½é‡ã§ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“ã€‚ãã“ã§ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®Webã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã—ãŸã‚Šã€HTML5ã«ã‚ˆã‚‹ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã®ã«ä½¿ãˆã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ãœã²çš†ã•ã‚“ã®é–‹ç™ºã«å½¹ç«‹ã¦ã¦ãã ã•ã„ã€‚mBaaSãŠå½¹ç«‹ã¡ãƒ–ãƒã‚° ãƒˆãƒƒãƒ—> ãƒ–ãƒã‚°> Tips> ã‚¹ãƒžãƒ›Webã‚µã‚¤ãƒˆ/ãƒã‚¤ãƒ–ãƒªãƒƒãƒ‰ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’é«˜é€ŸåŒ–ã™ã‚‹Java
fm315 2014/08/29
HTML5

HTML

jQuery

bootstrap

javascript
ãƒªãƒ³ã‚¯
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?
fm315 2014/04/06
HTML5

javascript

HTML
ãƒªãƒ³ã‚¯
ã‚ãªãŸãŒèªã‚€ã¹ãJavaScript Promises | JSer.info
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã¯ã€ JavaScript/ES6 promisesã«ã¤ã„ã¦ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«èªã‚“ã æ–¹ãŒã‚ˆã„ã¨æ€ã‚ã‚Œã‚‹è¨˜äº‹ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ç‰ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ Promisesã‚„Deferredã¨ã„ã£ãŸè¨€è‘‰ã‚’éžåŒæœŸå‡¦ç†ã®è©±ãªã©ã§èžã„ãŸäº‹ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ ç¾åœ¨Promisesã¯æ¬¡ã®ECMAScriptã®è¨€èªžä»•æ§˜ã¨ã—ã¦ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ECMAScript Language Specification ECMA-262Â 6th Edition â€“ DRAFT domenic/promises-unwrapping ã¾ã ES6ã¯ç–å®šæ®µéšŽã§ã™ãŒã€æ—¢ã«Promisesã«ã¤ã„ã¦ã¯polyfillã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç‰ã‚‚ã‚ã‚Šã€ã¾ãŸä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªå†…ã§ã‚‚jQuery.Deferred()ã‚„Angularã®$qç‰é¡žä¼¼ã™ã‚‹å®Ÿè£…ãŒå˜åœ¨ã—ã¾ã™ã€‚ ãã®ãŸã‚ã€Generatorsç‰ã«æ¯”ã¹ã‚‹ã¨ä»Šã™ãä½¿ãˆã‚‹
fm315 2014/03/05
javascript

jQuery

html5

ECMAScript
ãƒªãƒ³ã‚¯
CSS3ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ›å‘ã‘Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¿€æ´¾æ‰‹ã«ã§ãã‚‹stroll.jsã¨ã¯
CSS3ã§ç°¡å˜ï¼ ã‚¹ãƒžãƒ›å‘ã‘Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¿€æ´¾æ‰‹ã«ã§ãã‚‹stroll.jsã¨ã¯ï¼šHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ï¼ˆ9ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œstroll.jsã€ã«ã¤ã„ã¦ã€æ¦‚è¦ã¨ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é§†ä½¿ã—ã¦ã„ã‚‹ã®ã§å‹•ããŒè»½ãã€ã‚¹ãƒžãƒ›å‘ã‘Webãƒšãƒ¼ã‚¸ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«æ´¾æ‰‹ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«è¿½åŠ ã§ãã¾ã™ã€‚ æœ€è¿‘ã¯ã‚„ã‚Šã®ã€ŒHTML5ãƒ»JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»CSS3ãƒ»APIã€ã®ç´¹ä»‹ã€ã¾ãŸãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãŸã€Œsampleã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ç´¹ä»‹ã¨è§£èª¬ã€ã‚’åŽ³é¸ã—åŸ·ç†ã—ã¦ã„ãæœ¬é€£è¼‰ã€ŒHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ã€ã€‚ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€Œstroll.jsã€ã§ã™ã€‚ CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é§†ä½¿ã™ã‚‹stroll.jsã¨ã¯ stroll.jsã¯ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ˆãƒ©ã‚¤ã‚»ãƒ³ã‚¹MITï¼‰ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆJavaScr
fm315 2014/03/05
JavaScript

css3

HTML5
ãƒªãƒ³ã‚¯
æ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ãŠã‘ã‚‹ãƒ¢ãƒ€ãƒ³Webé–‹ç™ºã®ç¾çŠ¶ãƒ¼HTML5é–‹ç™ºã£ã¦ç°¡å˜ãªã®ï¼Ÿ
27. CSSã®ä¸èº«ã‚’è¦—ã„ã¦ã¿ã‚‹ .modal-dialog { -webkit-transf orm: translate(0, -25%); -ms-transf orm: translate(0, -25%); transf orm: translate(0, -25%); -webkit-transition: -webkit-transf orm 0.3s ease-out; -moz-transition: -moz-transf orm 0.3s ease-out; -o-transition: -o-transf orm 0.3s ease-out; transition: transf orm 0.3s ease-out; }
fm315 2014/03/05
HTML

HTML5

javascript

slideshare
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ†ãƒ«ã€ç„¡å„Ÿã®HTML5ã‚¢ãƒ—ãƒªé–‹ç™ºãƒ„ãƒ¼ãƒ«ã€ŒIntel XDKã€ã‚’åˆ·æ–°ã€‚ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã«Blinkãƒ™ãƒ¼ã‚¹ã®ã€ŒCrosswalkã€ã‚’æŽ¡ç”¨
ã‚¤ãƒ³ãƒ†ãƒ«ã€ç„¡å„Ÿã®HTML5ã‚¢ãƒ—ãƒªé–‹ç™ºãƒ„ãƒ¼ãƒ«ã€ŒIntel XDKã€ã‚’åˆ·æ–°ã€‚ãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã‚¨ãƒ³ã‚¸ãƒ³ã«Blinkãƒ™ãƒ¼ã‚¹ã®ã€ŒCrosswalkã€ã‚’æŽ¡ç”¨ ãŸã ã—åç§°ã«é–¢ã—ã¦ã¯ã€ç¾ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã€ŒIntel XDKã€ã‚’2æœˆæœ«ã§æä¾›çµ‚äº†ã—ãŸå¾Œã«ã¯ã€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ã€ŒIntel XDK NEWã€ã®åç§°ãŒã€ŒIntel XDKã€ã¨ãªã‚‹æ–¹é‡ã‚‚åˆã‚ã›ã¦æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸï¼ˆæœ¬è¨˜äº‹ã§ã¯åˆ†ã‹ã‚Šã‚„ã™ã•ã®ãŸã‚æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ã€ŒXDK NEWã€ã¨è¨˜ã—ã¾ã™ï¼‰ã€‚ PhoneGapã«ä»£ã‚ã‚ŠCrosswalkãŒæŽ¡ç”¨ Intel XDKã¯HTML5/CSS/JavaScriptã«ã‚ˆã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç’°å¢ƒã¨ã€PhoneGapã«ã‚ˆã‚‹ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’å‚™ãˆã¦ãŠã‚Šã€Androidã‚„iOSãªã©ã®ã‚¯ãƒã‚¹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã«å¯¾å¿œã—ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ XDK NEWã®æœ€å¤§ã®å¤‰æ›´ã¯ã€ãƒ“ãƒ«ãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’PhoneGapã‹ã‚‰ã€ãƒ©ãƒ³ã‚¿
fm315 2014/01/08
HTML5

javascript

iOS
ãƒªãƒ³ã‚¯
ã€Œä»Šã©ãã®Gruntã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSSç·¨ï¼‰ã€HTML5 Conference 2013 ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ
ã€Œä»Šã©ãã®Gruntã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSSç·¨ï¼‰ã€HTML5 Conference 2013 ã‚»ãƒƒã‚·ãƒ§ãƒ³ãƒ¬ãƒãƒ¼ãƒˆ å‡ºå£ é”ä¹Ÿ 2013å¹´11æœˆ30æ—¥ï¼ˆåœŸï¼‰ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒHTML5 Conference 2013ã€ã®ã€æ ªå¼ä¼šç¤¾ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆãƒ»çŸ³æœ¬å…‰å¸ã•ã‚“ã«ã‚ˆã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œä»Šã©ãã®Gruntã‚’ä½¿ã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºï¼ˆHTML/CSSç·¨ï¼‰ã€ã®å†…å®¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãªãŠã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¯Gruntã‚’ä½¿ã£ãŸã“ã¨ã®ãªã„HTML/CSSã‚³ãƒ¼ãƒ€ãƒ¼ã‚„Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã§ã™ã€‚ ãªãœGruntã‚’ä½¿ã†ã®ã‹ Gruntã¨ã¯ã€JavaScriptã§æ›¸ã„ãŸã‚¿ã‚¹ã‚¯ã‚’å®Ÿè¡Œã—ã¦ãã‚Œã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆJavaScript Task Runnerï¼‰ã§ã™ã€‚ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºãŒè¤‡é›‘ã«ãªã£ã¦ãã¦ã€CoffeeScriptã€Sassãªã©ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ãŒå¿…è¦ãªæŠ€è¡“ã‚’ä½¿ã†ã“ã¨ãŒå¤šããªã£ã¦ããŸ
fm315 2014/01/04
JAVASCRIPT

node.js

WEB

HTML5
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ4ï¼‰ï¼ˆ1/2 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã®Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã€Webãƒšãƒ¼ã‚¸ã®åˆ¶ä½œãƒ•ãƒãƒ¼ã«ã‚‚å¤§ããªå¤‰åŒ–ã‚’ã‚‚ãŸã‚‰ã—ãŸã€‚Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã®ã ã‚ã†ã‹ã€‚ ã¯ã˜ã‚ã« 2010å¹´6æœˆã«ç™»å ´ã—ãŸã‚¢ãƒƒãƒ—ãƒ«ã®iPhone 4ã«ã¯ã€ŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€ã¨å‘¼ã°ã‚Œã‚‹ã€ãã‚Œã¾ã§ã®å¸¸è˜ã‚’è¦†ã—ãŸé«˜ç²¾ç´°ãªãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãŒæè¼‰ã•ã‚Œã¾ã—ãŸã€‚ãã‚Œä»¥é™ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã¨ã„ã£ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯ã‚ˆã‚Šè§£åƒåº¦ã®é«˜ã„ã‚‚ã®ã¸ã¨é€²åŒ–ã—ã¦ã„ãã€2013å¹´ã®åˆã‚ã«ã¯ã‚µãƒ ã‚¹ãƒ³é›»åã®GALAXY S4ã‚„ã‚½ãƒ‹ãƒ¼ãƒ¢ãƒã‚¤ãƒ«ã®Xperia Zãªã©ã€ãƒ•ãƒ«HDç”»è³ªå¯¾å¿œï¼ˆ1920Ã—1080ãƒ”ã‚¯ã‚»ãƒ«ï¼‰ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æè¼‰ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒç™»å ´ã™ã‚‹ã¾ã§ã«ãªã‚Šã¾ã—ãŸã€‚ é«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ç™»å ´
fm315 2013/08/30
html5

javascript

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ï¼»é€Ÿå ±ï¼½ã‚°ãƒ¼ã‚°ãƒ«ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªUIã®éƒ¨å“åŒ–ã€ŒWeb Componentsã€ã¸ã®å–ã‚Šçµ„ã¿ã‚’è¡¨æ˜Žã€‚Google I/O 2013
ï¼»é€Ÿå ±ï¼½ã‚°ãƒ¼ã‚°ãƒ«ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªUIã®éƒ¨å“åŒ–ã€ŒWeb Componentsã€ã¸ã®å–ã‚Šçµ„ã¿ã‚’è¡¨æ˜Žã€‚Google I/O 2013 ã‚°ãƒ¼ã‚°ãƒ«ã¯ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ä¸ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒGoogle I/O 2013ã€ã®åŸºèª¿è¬›æ¼”ã§ã€Webã®æ–°ã—ã„æŠ€è¡“ã€ŒWeb Componentsã€ã‚’ç”¨ã„ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®éƒ¨å“åŒ–ã«å–ã‚Šçµ„ã‚“ã§ã„ã‚‹ã“ã¨ã‚’æ˜Žã‚‰ã‹ã«ã—ã¾ã—ãŸã€‚ Web Componentsã¯ç¾åœ¨W3CãŒç–å®šä¸ã®æŠ€è¡“ã§ã€ã‚«ã‚¹ã‚¿ãƒ ã‚¿ã‚°ã‚’å®šç¾©ã§ãã€HTML/CSS/JavaScriptã‚’çµ„ã¿åˆã‚ã›ã¦éƒ¨å“ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚°ãƒ¼ã‚°ãƒ«ã¯ã€ç‰¹ã«ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’éƒ¨å“åŒ–ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã®ç”Ÿç”£æ€§ã‚’é«˜ã‚ã€ã‹ã¤ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’ä¿ƒé€²ã™ã‚‹ã“ã¨ã‚’ç›®è«–ã‚“ã§ã„ã¾ã™ã€‚ åŸºèª¿è¬›æ¼”ã§ã¯ã€åŒç¤¾ãŒå–ã‚Šçµ„ã‚“ã§ã„ã‚‹Web Componentsã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆãƒ“ãƒ‡ã‚ª
fm315 2013/05/16
Google

javascript

html5

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã‚¢ãƒ—ãƒªã§ç°¡å˜ã«ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª QUOjs ã€18æ—¥ç›®ã€‘ | DevelopersIO
ãƒ¢ãƒã‚¤ãƒ«HTMLã‚·ãƒªãƒ¼ã‚º HTML5ã§è¿½åŠ ã•ã‚ŒãŸinputè¦ç´ ã®ã‚¿ã‚¤ãƒ—ã¯iPhoneã€Androidã§ã©ã®ãã‚‰ã„ä½¿ãˆã‚‹ã®ã‹Â Â ãŠã™ã™ã‚ iPhoneã€Androidã§ä½¿ãˆã‚‹ï¼æ’®ã£ãŸãã®å ´ã§ç”»åƒç·¨é›†ã§ãã‚‹HTML5ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã‚ˆã† iOS6ã®Safariã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹HTML5ã®æ©Ÿèƒ½ HTML5ã§ä½¿ãˆã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®æ©Ÿèƒ½ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚° ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆç”¨ã®è»½é‡ãƒ©ã‚¤ãƒ–ãƒ©ãƒª QUOjs HTML5ã®Webã‚¢ãƒ—ãƒªã§ä½¿ãˆã‚‹ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã«ã¯ã©ã‚“ãªã‚‚ã®ãŒã‚ã‚‹ã®ã‹èª¿ã¹ã¦ã„ãŸã‚‰ã€QUOjsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’è¦‹ã¤ã‘ãŸã®ã§è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚µã‚¤ã‚ºãŒ16KBã¨è»½é‡ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ãŒã€ç°¡å˜ã«ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç†ã‚’å®Ÿè£…ã§ãã‚‹ã®ã§ä¾¿åˆ©ã§ã™ã€‚ä»Šå›žä½¿ã£ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2.2.0 ã«ãªã‚Šã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ QuoJS è‹±èªžã§ã™ãŒä»¥ä¸‹ã®ãƒšãƒ¼ã‚¸ã«ä½¿ã„æ–¹ãŒæ›¸ã„ã¦ã‚ã‚Š
fm315 2012/12/18
HTML5

jQuery

android

Safari

JavaScript
ãƒªãƒ³ã‚¯
https://www.chrome-life.com/html5/5391/
fm315 2012/06/21
programming

HTML5

javascript
ãƒªãƒ³ã‚¯
EExt Japan - Sencha Touchç™»å ´ - ãƒ¢ãƒã‚¤ãƒ«ç”¨HTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
Ext Coreã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªWebã‚µã‚¤ãƒˆæ§‹ç¯‰ã«æœ€é©ãªè»½é‡ã‹ã¤é«˜æ©Ÿèƒ½ãªã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼å¯¾å¿œã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãã®ç‰¹å¾´ã¯ï¼š ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºãŒã‚³ãƒ³ãƒ‘ã‚¯ãƒˆãªç´„25kb (ext-core.jsã‚’gzipåœ§ç¸®ã—ãŸå ´åˆ) æŸ”è»Ÿã‹ã¤åˆ©ç”¨ã—ã‚„ã™ã„ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ Exté–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã«ã‚ˆã‚ŠåŸ·ç†ã•ã‚ŒãŸä½“ç³»çš„ã‹ã¤ç¶²ç¾…çš„ãª75ãƒšãƒ¼ã‚¸ã®ãƒžãƒ‹ãƒ¥ã‚¢ãƒ« ã“ã‚Œã¾ã§ã®Ext JSã‚’åŒã˜ä½¿ã„æ…£ã‚ŒãŸç›´æ„Ÿçš„ãªAPI Ext JS 2.2 Ext JSã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ é«˜æ€§èƒ½ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ å„ªã‚ŒãŸè¨è¨ˆã€æ–‡æ›¸ãŒè±Šå¯Œã€æ‹¡å¼µæ€§ã®é«˜ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ« å•†ç”¨ãƒ©ãƒ³ã‚»ãƒ³ã‚¹ã¨ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒåˆ©ç”¨ã§ãã¾ã™ Ext JS 3.0ã¨Ext GWT 2.0ãŒ
fm315 2012/06/06
javascript

HTML5

android

JavaScript

iphone
ãƒªãƒ³ã‚¯
â‘®jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ãã®ï¼‘
3. æ³¨æ„äº‹é … â€¢â€¯ ã“ã®è³‡æ–™ã®ä¸ã«ã¯ã€2012/05æ™‚ç‚¹ã§ã®äº‹å®ŸãŒæ›¸ã„ã¦ã‚ã‚‹ã¤ã‚‚ã‚Šã§ã™ ãŒã€æ™‚ä»£ã¨ã¨ã‚‚ã«ç§»ã‚Šå¤‰ã‚ã‚‹æƒ…å ±ã‚‚ã‚ã‚‹ã®ã§æœ€æ–°æƒ…å ±ã®ãƒã‚§ãƒƒã‚¯ã‚‚ å¿˜ã‚Œãšã«ï¼ â€¢â€¯ ä¸»è¦³ã«åŸºã¥ãäº‹æŸ„ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªå ´åˆã¯ã€ã“ã®è‰²ã§ã‚³ãƒ¡ãƒ³ãƒˆã™ ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ï¼ä¿¡ã˜ã‚‹ã‹ä¿¡ã˜ãªã„ã‹ã¯ã‚ãªãŸæ¬¡ç¬¬ï¼ â€¢â€¯ ã–ã£ãã‚Šèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚åŽ³å¯†ã«ã„ã†ã¨ ã¡ã‚‡ã£ã¨é•ã†éƒ¨åˆ†ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚ã¾ã‚ã€ã ã„ãŸã„ã‚ã£ã¦ ã‚‹ï¼ˆã¯ãšï¼‰ã€‚ â€¢â€¯ éŽåŽ»ã®ç’°å¢ƒï¼ˆIE6ã¨ã‹IE7ã¨ã‹ã€PHP4ã¨ã‹ï¼‰ã«ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ãªã„ è©±ã‚‚ã‚ã‚‹ã®ã§ã€ãã®è¾ºã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã™ã‚‹å ´åˆã¯æ³¨æ„ï¼ˆç„¡è¦–ã—ã¦ã„ ã„ã¨æ€ã†ã‘ã©ï¼‰ â€¢â€¯ ãƒªãƒ³ã‚¯ã¯æ—¥æœ¬èªžè¨³ãŒã‚ã‚‹å ´åˆã¯ãã£ã¡ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚å…¬å¼æƒ… å ±ã§ã¯ãªã„ã®ã§ã€ä»•äº‹ã§ä½¿ã†å ´åˆã¯åŽŸæ–‡ã‚’ç¢ºèªã—ã¾ã—ã‚‡ã†ã€‚ 5. HTML5ã£ã¦ä½•ï¼Ÿ â€¢â€¯ HTMLã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ â€¢â€¯ ã¾ã æ±ºã¾ã£ã¦ãªã„â†é‡è¦ â€¢â€¯ è‰
fm315 2012/06/03
javascript

HTML5

jQuery

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
â‘¯jQueryã‚’ãŠã¼ãˆã‚ˆã†ï¼ãã®ï¼’
3. æ³¨æ„äº‹é … â€¢â€¯ ã“ã®è³‡æ–™ã®ä¸ã«ã¯ã€2012/05æ™‚ç‚¹ã§ã®äº‹å®ŸãŒæ›¸ã„ã¦ã‚ã‚‹ã¤ã‚‚ã‚Šã§ã™ ãŒã€æ™‚ä»£ã¨ã¨ã‚‚ã«ç§»ã‚Šå¤‰ã‚ã‚‹æƒ…å ±ã‚‚ã‚ã‚‹ã®ã§æœ€æ–°æƒ…å ±ã®ãƒã‚§ãƒƒã‚¯ã‚‚ å¿˜ã‚Œãšã«ï¼ â€¢â€¯ ä¸»è¦³ã«åŸºã¥ãäº‹æŸ„ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªå ´åˆã¯ã€ã“ã®è‰²ã§ã‚³ãƒ¡ãƒ³ãƒˆã™ ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ï¼ä¿¡ã˜ã‚‹ã‹ä¿¡ã˜ãªã„ã‹ã¯ã‚ãªãŸæ¬¡ç¬¬ï¼ â€¢â€¯ ã–ã£ãã‚Šèª¬æ˜Žã™ã‚‹ãŸã‚ã«ã€ç°¡å˜ã«èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚åŽ³å¯†ã«ã„ã†ã¨ ã¡ã‚‡ã£ã¨é•ã†éƒ¨åˆ†ã‚‚ã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚ã¾ã‚ã€ã ã„ãŸã„ã‚ã£ã¦ ã‚‹ï¼ˆã¯ãšï¼‰ã€‚ â€¢â€¯ éŽåŽ»ã®ç’°å¢ƒï¼ˆIE6ã¨ã‹IE7ã¨ã‹ã€PHP4ã¨ã‹ï¼‰ã«ã¯æŽ¡ç”¨ã•ã‚Œã¦ã„ãªã„ è©±ã‚‚ã‚ã‚‹ã®ã§ã€ãã®è¾ºã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã™ã‚‹å ´åˆã¯æ³¨æ„ï¼ˆç„¡è¦–ã—ã¦ã„ ã„ã¨æ€ã†ã‘ã©ï¼‰ â€¢â€¯ ãƒªãƒ³ã‚¯ã¯æ—¥æœ¬èªžè¨³ãŒã‚ã‚‹å ´åˆã¯ãã£ã¡ã«ãƒªãƒ³ã‚¯ã—ã¦ã„ã¾ã™ã€‚å…¬å¼æƒ… å ±ã§ã¯ãªã„ã®ã§ã€ä»•äº‹ã§ä½¿ã†å ´åˆã¯åŽŸæ–‡ã‚’ç¢ºèªã—ã¾ã—ã‚‡ã†ã€‚
fm315 2012/06/03
slideshare

javascript

jQuery

HTML5
ãƒªãƒ³ã‚¯
http://clear.youyuxi.com/
fm315 2012/02/24
HTML

HTML5

javascript
ãƒªãƒ³ã‚¯
Youtubeã®å‹•ç”»ã‚’èƒŒæ™¯ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
fm315 2012/02/06
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

HTML5

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
turn.js - The page flip effect for HTML5 HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ã¹ã‚‰ã£ã¨ã‚ãã‚‹ã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒHTML5ã§å®Ÿç¾ã§ãã€iPadã‚„iPhoneãªã©ã§ã‚‚å‹•ä½œã—ã¾ã™ã€‚ é›»åæ›¸ç±ãƒ“ãƒ¥ãƒ¼ã‚¢ã¨ã—ã¦ä½¿ãˆãã†ã§ã™ã ãƒšãƒ¼ã‚¸ã«ç«‹ä½“æ„Ÿã‚’å‡ºã™ãŸã‚ã«å½±ãªã‚“ã‹ã‚‚æç”»ã•ã‚Œã¦ã¾ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚„åˆæœŸåŒ–ã‚‚è¶…ç°¡å˜ã§ã™ã€‚<div>ã‚’ä¸¦ã¹ã¦åˆæœŸåŒ–ã™ã‚‹ã ã‘ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã§è¶…ãƒªã‚¢ãƒ«ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¨ã‚µãƒ³ãƒ—ãƒ« ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®HTML5å¯¾å¿œçŠ¶æ³ãŒä¸€ç›®çžç„¶ã®ã€ŒMobile HTML5ã€ HTML5/JavaScriptã§ãƒ†ã‚ã‚¹ãƒˆtoã‚¹ãƒ”ãƒ¼ãƒã‚’å®Ÿç¾ã§ãã‚‹ã€Œspeak.jsã€
fm315 2012/02/06
HTML5

webãƒ‡ã‚¶ã‚¤ãƒ³

jQuery

javascript
ãƒªãƒ³ã‚¯
HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½ - å¼·ç«ã§é€²ã‚
Google Developer Day 2011ã«å‚åŠ ã—ã¾ã—ãŸã€‚ å‚åŠ ã—ãŸã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ãƒ¡ãƒ¢ã‚’æ›¸ã„ã¨ãã¾ã™ã€‚ (è¿½è¨˜ 2012/01/14) Googleã‹ã‚‰å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ http://www.youtube.com/watch?v=MY06xnSZyaw:moive â€»ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§è§£èª¬ã•ã‚ŒãŸå†…å®¹ã«ä¸€éƒ¨å¤‰æ›´ç‚¹ãŒã‚ã‚‹ã¨ã®ã“ã¨ãªã®ã§ã€ã“ã¡ã‚‰ã‚‚åˆã‚ã›ã¦å‚ç…§ä¸‹ã•ã„ã€‚ (è¿½è¨˜ã“ã“ã¾ã§) HTML5 ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³æ©Ÿèƒ½(Eiji Kitamura) @agektmr æ±äº¬ - Google Developer Day 2011 http://www.google.com/intl/ja/events/developerday/2011/tokyo/agenda/session_1001.html ã‚¹ãƒ©ã‚¤ãƒ‰ å‹•çš„ãªãƒ‡ãƒ¼ã‚¿ã®ä¿å˜ Web Storage (localStorage / sess
fm315 2011/11/04
HTML

javascript

HTML5
ãƒªãƒ³ã‚¯
http://slide.7kai.org/yapc2011/
fm315 2011/10/23
yapcasia

html5

development

javascript
ãƒªãƒ³ã‚¯
1