[B! HTML5] hiro-rockã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiro-rock id:hiro-rock

HTML5ã«é–¢ã™ã‚‹hiro-rockã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (116)

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

ã€å¸«èµ°ãªã®ã§ã€ç°¡æ½”ã«ã€‘iPhoneã®webã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹éš›ã«ã§ä½¿ãˆãã†ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ãŸ
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ æ—©ã„ã‚‚ã®ã§ã€2010å¹´ã‚‚æ®‹ã™ã¨ã“ã‚ã‚ã¨10æ—¥ã€‚ ã‚¢ã‚·ã‚¢ãƒ«ã®å–¶æ¥æ—¥ã¯æ®‹ã™ã¨ã“ã‚ã‚ã¨ï¼’æ—¥ã§ã™ã€‚ ã“ã‚“ãªå¿™ã—ã„ã¨ãã«ãƒ–ãƒã‚°å½“ç•ªãŒå›žã£ã¦ãã¦ã€ç›®ãŒã¾ã‚ã‚Šãã†ãªã®ã§ã™ãŒã€ å¼±éŸ³ã‚’åã„ã¦ã„ã¦ã‚‚ä»•æ–¹ãªã„ã®ã§ã€ã•ãã£ã¨ãƒ–ãƒã‚°æ›¸ã„ã¡ã‚ƒãŠã†ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€ä»Šæ—¥ã¯iPhoneã®webã‚¢ãƒ—ãƒªã‚’ä½œæˆã™ã‚‹éš›ã«ã§ä½¿ãˆãã†ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ã€ ä½¿ã„æ–¹ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å†…å®¹ã‚‚ã‚³ãƒ¼ãƒ‰ã‚‚ç°¡æ½”ã«ã€‚å¸«èµ°ãªã®ã§ã€‚ 1. ä½ç½®æƒ…å ±ã®å–å¾— iPhoneã®safariã‹ã‚‰ä½ç½®æƒ…å ±ã‚’å–å¾—ã™ã‚‹ã¨ãã«ã¯ã€GeoLocationAPIã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ä»¥ä¸‹ã« <!DOCTYPEÂ HTML> <htmlÂ lang="ja"> <head> <metaÂ charset="UTF-8"> <title>locationÂ sample</title> <scriptÂ type="text/java
hiro-rock 2010/12/22
HTML5APIã®ã‚¸ã‚ªãƒã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã€ãƒ¢ãƒã‚¤ãƒ«ã‚µãƒ•ã‚¡ãƒªã®APIã§ã‚¸ãƒ£ã‚¤ãƒã‚¹ã‚³ãƒ¼ãƒ—ã¨åŠ é€Ÿåº¦ã‚»ãƒ³ã‚µãƒ¼ã®å€¤ã‚’å–å¾—ã™ã‚‹

HTML5
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ä½¿ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhoneç‰ˆYahoo!JAPANãƒˆãƒƒãƒ—ã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
hiro-rock 2010/12/16
Yahoo!ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚µã‚¤ãƒˆæ§‹ç¯‰Tips å®Ÿé‹ç”¨ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆãªã®ã§å¤§å¤‰ã‚ã‹ã‚Šã‚„ã™ãå‹‰å¼·ã«ãªã‚Šã¾ã—ãŸ

HTML5

CSS3

Mobile
ãƒªãƒ³ã‚¯
Extending HTML5 â€” Microdata | HTML5 Doctor
For those who like (to argue about) semantics, HTML5 is fantastic. Old presentational elements now have new semantic meanings, thereâ€™s a slew of new semantic elements for us to argue about, and we've even in<cite>d a riot or two. But that's not all! Also in HTML5 is microdata, a new lightweight semantic meta-syntax. Using attributes, we can define nestable groups of name-value pairs of data, calle
hiro-rock 2010/11/24
ã‚ã¨ã§ç¢ºèªã™ã‚‹

HTML5

Microdata
ãƒªãƒ³ã‚¯
js at current from liuliu's ccv - GitHub
HTTP Git Read-Only This URL has Read+Write access
hiro-rock 2010/11/04
JSã§é¡”èªè˜ã•ã›ã‚‹ ã™ã”ã„ç²¾åº¦ãŒé«˜ãã¦ã³ã³ã£ãŸ ã“ã‚Œã¯ä½•ã‹ã«ä½¿ãˆãã†

HTML5

canvas

JavaScript
ãƒªãƒ³ã‚¯
Close Pixelate Â· David DeSandro
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It's basically a simple demo for canvas' imageData functionality. This project lives on GitHub where you can download the script and these examples. View Close Pixelate on GitHub Options The function accepts an array of objects. Each object holds a set of option
hiro-rock 2010/11/02
JSã§IMGã«ãƒ¢ã‚¶ã‚¤ã‚¯ã™ã‚‹

canvas

HTML5

JavaScript

efect
ãƒªãƒ³ã‚¯
Canvas Rider
Canvas Rider is an experiment whose aim is to collect & render Free Rider tracks with HTML5. It's now been taken over by Kano Games' Free Rider HD.
hiro-rock 2010/10/16
CANVASã§ãƒ©ã‚¤ãƒ³ãƒ©ã‚¤ãƒ€ãƒ¼ ã“ã‚Œå‡„ã„

canvas

HTML5
ãƒªãƒ³ã‚¯
theshodo.comÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â theshodo ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
hiro-rock 2010/09/17
ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§æ›¸é“ãŒã§ãã‚‹ã€‚æ›¸ã¯BASE64ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã§ç”»åƒã«ãªã‚‹ã®ã‹ã€œã‚¹ã‚´ã‚¤ï¼ IE9ã®æ©Ÿèƒ½ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¨ã‹ãªã®ã‹ãªï¼Ÿï¼Ÿ

HTML5

JavaScript

Windows
ãƒªãƒ³ã‚¯
Flash ã§åˆ¶ä½œã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ HTML5 å½¢å¼ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€ŽFL2HTML5(ä»®)ã€ã®æŠ€è¡“é–‹ç™ºã«æˆåŠŸ - ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹2010/09/16
æœ€è¿‘ã‚ˆãç›®ã«ã™ã‚‹ã‚‚ã®ã«ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚ æ—¥ä¸ã«æ™®æ®µä½¿ã„ã§å±¥ãã“ã¨ã®ã§ã§ãã‚‹ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€å¤œç”¨ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ã‚„100å††ã‚·ãƒ§ãƒƒãƒ—ã«ã¾ã§ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ãŒè²©å£²ã•ã‚Œã„ã¦ã„ã¾ã™ã€‚ ã§ã¯ã€ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ã«ã¯ã©ã®ã‚ˆã†ãªåŠ¹æžœãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ã€‚ ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ã§ã‚€ãã¿ã‚’è§£æ¶ˆ ã‚€ãã¿ã®ä¸»ãªåŽŸå› ã¯è¡€æ¶²å¾ªç’°ã®æ»žã‚Šã§ã™ã€‚é•·æ™‚é–“ã®ç«‹ã¡ä»•äº‹ã‚„åŒã˜å§¿å‹¢ã§ä½œæ¥ãªã©ã‚’è¡Œãªã£ã¦ã„ã‚‹ã¨ã‚ˆãèµ·ã“ã‚Šã¾ã™ã€‚ å¿ƒè‡“ã‹ã‚‰é€ã‚Šå‡ºã•ã‚ŒãŸè¡€æ¶²ãŒå…¨èº«ã‚’ã‚ãã‚‹ä¸ã§è¶³ã®ç‹è‚‰ãŒãƒãƒ³ãƒ—ã®å½¹å‰²ã‚’æžœãŸã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€åŠ›ãŒå¼±ã„ã¨è¡€æ¶²ã‚’ã†ã¾ãå¾ªç’°ã•ã›ã‚‹ã“ã¨ãŒå‡ºæ¥ãšã«æºœã¾ã£ã¦ã—ã¾ã†ã®ã§ã™ã€‚ ç€åœ§ã‚½ãƒƒã‚¯ã‚¹ã¯ãã®æºœã¾ã£ãŸè¡€æ¶²ã‚’ã†ã¾ãå¾ªç’°ã•ã›ã¦è¡€è¡Œã‚’è‰¯ãã™ã‚‹ãŸã‚ã«è¨ˆç®—ã—ã¦ä½œã£ã¦ã‚ã‚‹ã‚½ãƒƒã‚¯ã‚¹ãªã®ã§ã™ã€‚ ã“ã‚Œã«ã‚ˆã‚Šãƒãƒ³ãƒ—ã®å½¹å‰²ã®ã‚ã‚‹è¶³ã®ç‹è‚‰ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã€è¡€æ¶²ã ã‘ã§ãªããƒªãƒ³ãƒ‘æ¶²ã‚„è€å»ƒç‰©ã®å¾ªç’°ã‚‚ã†ã¾ãä¿ƒã—ã¦ãã‚Œã‚‹ãŸã‚ã‚€ãã¿ã‚’è§£æ¶ˆã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ è¶³ã®
hiro-rock 2010/09/16
Flashã‚’HTML5ã«å¤‰æ›ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ Progressionä½¿ã£ã¦ã‚‹ã¨å¤‰æ›ã•ã‚Œã‚‹ãã†ã ã€‚ã™ã”ã„ãªãƒ¼

Flash

HTML5
ãƒªãƒ³ã‚¯
Opera News
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transf orm your... Desktop Get Spotify Premium with Opera One R2â€™s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
hiro-rock 2010/09/02
SVGã¾ã¨ã‚è¨˜äº‹ã®ã¾ã¨ã‚

Data

HTML5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘æŠ€è¡“ã¨ã—ã¦ã® HTML5 ã®ç¾åœ¨ | ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚»ãƒ³ã‚¿ãƒ¼
iPhone ã®ç™»å ´ä»¥æ¥ã€HTML5 å¯¾å¿œã‚’è¬³ã†ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„ã‚‹ã€‚å®Ÿéš›ã€iPhone å°‚ç”¨ã‚µã‚¤ãƒˆã«ã¯ã€å¾“æ¥ã® Web ã«ã¯ç„¡ã„æ“ä½œæ€§ã‚„æ©Ÿèƒ½ã‚’å®Ÿç¾ã—ãŸã‚‚ã®ãŒå°‘ãªããªã„ã€‚iPad ã‚„ Android ç«¯æœ«ã‚‚ç™»å ´ã—ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã«ã¯ IE9 ãŒã‚‚ã†ã™ãå…¬é–‹ã•ã‚Œã‚‹ã€‚ä»Šå¾Œã€HTML5 ã®åˆ©ç”¨ã¯ã¾ã™ã¾ã™åºƒãŒã‚‹ã“ã¨ã ã‚ã†ã€‚ã—ã‹ã—ã€ãã®ä¸€æ–¹ã§ã€HTML5 ã®ä»•æ§˜ã¯ã¾ã ç–å®šä¸ã§ã€æœ€çµ‚è‰æ¡ˆã«ã‚‚ãªã£ã¦ã„ãªã„æ®µéšŽã ã€‚ã“ã®ã‚ˆã†ãªçŠ¶æ³ã§ã€HMLT5 ã«ã¯ã©ã‚“ãªã‚¹ã‚¿ãƒ³ã‚¹ã§å–ã‚Šçµ„ã‚€ã®ãŒè‰¯ã„ã®ã ã‚ã†ã‹ã€‚W3C HTML5 Japanese Interest Groupã®è°é•·ã‚’ã¤ã¨ã‚ã‚‹çŸ¢å€‰æ°ã«ã€HTML5 ã«ã¤ã„ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆå‘ã‘ã®æŠ€è¡“ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰è§£èª¬ã‚’ãŠé¡˜ã„ã—ãŸã€‚ ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã—ãŸäººï¼šçŸ¢å€‰ çœžéš†æ° æ ªå¼ä¼šç¤¾ãƒŸãƒ„ã‚¨ãƒ¼ãƒªãƒ³ã‚¯ã‚¹ R&D æœ¬éƒ¨ Web æ¨™æº–ãƒãƒ¼ãƒ ãƒãƒ¼ãƒ ã«æ‰€å±žã€‚Webæ¨™æº–Blog ï¼ˆhttp:/
hiro-rock 2010/08/31
HTML5ã®ä¸»ãªä»•æ§˜ï¼ˆç¾åœ¨å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã®èª¬æ˜Žï¼‰

HTML5
ãƒªãƒ³ã‚¯
The Wilderness Downtown
An interactive film by Chris Milk Featuring "We Used To Wait" Built in HTML5 This film does not work on mobile as it requires pop-ups. Please visit the site from a desktop browser. This film requires pop-ups. Click the icon in the address bar. Select "Always allow pop-ups from wildernessdowntown.com."
hiro-rock 2010/08/31
GoogleãŒä½œæˆã—ãŸãƒŸãƒ¥ãƒ¼ã‚¸ã‚·ãƒ£ãƒ³ã®ã‚µã‚¤ãƒˆ HTML5ã§ä½œæˆã—ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªãƒšãƒ¼ã‚¸ æ£ç›´ã³ã³ã£ãŸ

HTML5

Google

Design
ãƒªãƒ³ã‚¯
ã©ã“ã¾ã§ãŒHTML5ãªã®ï¼Ÿ
HTML5ã«ã¯Canvasã‚¿ã‚°ã‚„Video/Audioã‚¿ã‚°ã€ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã€Microdataã€Web Workersãªã©ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒã‚ã‚‹ã¨èª¬æ˜Žã•ã‚Œã¾ã™ãŒã€å®Ÿéš›ã«ã¯ã“ã‚Œã‚‰ã¯ã€ŒHTML5ã¨ãã®é–¢é€£ä»•æ§˜ã€ã‚’å«ã‚“ã§ã„ã¾ã™ã€‚ ä»•æ§˜æ›¸ã«å¾“ã£ãŸåŽ³å¯†ãªã€ŒHTML5ã€ã¨ã¯ã€ã©ã“ã¾ã§ã®ç¯„å›²ã‚’æŒ‡ã™ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãƒ¢ã‚¸ãƒ©ã‚¸ãƒ£ãƒ‘ãƒ³ã®æµ…äº•æ™ºä¹Ÿæ°ãŒã€ŒKeypoints HTML5ã€ã¨ã„ã†è³‡æ–™ã‚’å…¬é–‹ã—ã¦åˆ†ã‹ã‚Šã‚„ã™ãç´¹ä»‹ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ä»•æ§˜æ›¸ã«æ²¿ã£ãŸã€ŒHTML5ã€ã®ç¯„å›²ã¨ã¯ HTML5ã¯ã€W3Cã¨WHATWGãŒå…±åŒã§ä»•æ§˜ç–å®šã‚’ã—ã¦ã„ã¾ã™ãŒã€ä¸¡è€…ã®ä»•æ§˜æ›¸ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹ç¯„å›²ã¯ç•°ãªã£ã¦ã„ã¾ã™ï¼ˆéžå¸¸ã«ç´°ã‹ã„éƒ¨åˆ†ã§ã¯ä¸€éƒ¨ã®ä»•æ§˜ã«é•ã„ã‚‚ã‚ã‚Šã¾ã™ï¼‰ã€‚Keyoints HTML5ã‹ã‚‰ã€ãã®ä¸¡æ–¹ã®ä»•æ§˜ã§HTML5ã®ç¯„å›²ã‚’ç¤ºã—ãŸå›³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å›³ã®å³å´ã®W3Cä»•æ§˜ã§ã¯Canvasã€Microdataã€Web Messaging
hiro-rock 2010/08/09
HTML5ã®è©±

HTML5

Data
ãƒªãƒ³ã‚¯
HTML5Rocks - A resource for open web HTML5 developers
Web Platform Dive into the web platform, at your pace.
hiro-rock 2010/06/23
PlayGround

HTML5

Google
ãƒªãƒ³ã‚¯
iPadã§HTML5ã§Webã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚
ã“ã‚“ã°ã‚“ã¯ã€‚LatLongLabã®æ²³åˆï¼ˆ@inuroï¼‰ã§ã™ã€‚ ã‚ˆã†ã‚„ãiPadãŒæ—¥æœ¬ã§ã‚‚ç™ºå£²ã•ã‚Œã¾ã—ãŸãã€‚å…¥æ‰‹ã•ã‚ŒãŸæ–¹ã‚‚ãŸãã•ã‚“ã„ã‚‰ã£ã—ã‚ƒã‚‹ã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ¤ãƒ•ãƒ¼ã§ã¯ã“ã®iPadå›½å†…ç™ºå£²ã«ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’åˆã‚ã›ã€Yahoo!ãƒ©ãƒœã§ã€Œyubichizã€ã¨ã„ã†iPadå°‚ç”¨ã®åœ°å›³Webã‚¢ãƒ—ãƒªã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ Yahoo!ãƒ©ãƒœ - yubichizï¼ˆã‚†ã³ã¡ãšï¼‰ è©³ã—ã„æ©Ÿèƒ½ã¯ãƒªãƒ³ã‚¯å…ˆãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã ãã¨ã—ã¦ã€ åœ°å›³ã«æ›¸ã‹ã‚ŒãŸæ–‡å—ï¼ˆå¤§å¡šå®¶å…·ã€ã¨ã‹ç´€ä¼Šåœ‹å±‹æ›¸åº—ã€ã¨ã‹ï¼‰ã‚’ã‚¿ãƒƒãƒ—ã™ã‚‹ã ã‘ã§ãã®åº—èˆ—ã®è©³ç´°æƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ åœ°å›³ã‚’æŒ‡ã§ãªãžã‚‹ã ã‘ã§ã€ãªãžã£ãŸãƒ©ã‚¤ãƒ³ã®è·é›¢ã‚’æ¸¬å®šã§ãã¾ã™ åŒæ§˜ã«åœ°å›³ã‚’æŒ‡ã§ãªãžã‚‹ã ã‘ã§ã€é“æ²¿ã„ã®ãŠåº—ã‚’æ¤œç´¢ã§ãã¾ã™ ã¨ã„ã£ãŸç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ ã¾ãŸyubichizã¯ã€App Storeã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã„ã‚ã‚†ã‚‹ã€Œã‚¢ãƒ—ãƒªã€ã§ã¯ãªãã€HTML5ã‚’ç”¨ã„ã¦iPadã®Safariä¸Šã§å‹•ä½œã™ã‚‹W
hiro-rock 2010/06/17
HTML5&APIã‚’ãµã‚“ã ã‚“ã«ä½¿ã£ã¦Webã‚¢ãƒ—ãƒªã‚’ã¤ãã‚‹ã‚µãƒ³ãƒ—ãƒ«

HTML5

iPhone
ãƒªãƒ³ã‚¯
HTML5ãƒ“ãƒ‡ã‚ªã‚’åŸ‹ã‚è¾¼ã‚€ã€‚ã¾ãŸiPhone, iPadã§è‡ªå‹•å†ç”Ÿï¼ˆautoplayï¼‰ã‚’è¡Œã†ï½œWEBåˆ¶ä½œï¼ˆhtml,css(ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ) )ï½œãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¡ãƒ¢
HTML5ãƒ“ãƒ‡ã‚ªã‚’åŸ‹ã‚è¾¼ã‚€ã‚³ãƒ¼ãƒ‰ã¯ <video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay> </video> iPhone, iPadã§autoplayã‚’è¡Œã†ã«ã¯ <script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1.3");</script> <script type="text/javascript"> jQuery.noConflict(); var j$ = jQuery; function fakeClick(fn) { var $a = j$('<a href="#" id="fakeClick">
hiro-rock 2010/06/08
videoã‚¿ã‚°ã§auroplayã™ã‚‹æ–¹æ³• for iPhone&iPad

HTML5
ãƒªãƒ³ã‚¯
WebFonts ã¨ã—ã¦åˆ©ç”¨ã§ãã‚‹ãƒ•ãƒªãƒ¼ã®å’Œæ–‡ãƒ•ã‚©ãƒ³ãƒˆ | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ
blogç§»è¡Œã—ã¾ã—ãŸã€‚æ–°ã—ã„blogã§æ›´æ–°ã‚’ç¶šã‘ã¦ã„ã¾ã™ã€‚ XMLã‚§â€¦ text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLã‚§â€¦ æ—¥ã€…ã®å‡ºæ¥äº‹2012å¹´7æœˆ8æ—¥æ—¥æ›œæ—¥ ãƒ–ãƒã‚°ä½œã‚ŠãªãŠãã†ã‹ãªãƒ¼ã¨æ€ã£ã¦ã€ã“ã® Webã‚µã‚¤ãƒˆ ã‚’ã¿ãªãŠã—ã¦ãŸã‚‰ã€Web ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¿æƒ…å ±ã¨ã—ã¦ãƒ€ãƒ–ãƒªãƒ³ã‚³ã‚¢ (RDF) ã‚’æ··åœ¨ã•ã›ã¦ã„ãŸã“ã¨ã‚’æ€ã„å‡ºã—ãŸã€‚ãƒãƒªãƒ‡ãƒ¼ã‚¿ãƒ¼ã«ã‹ã‘ã‚Œã°ã€ã‚°ãƒ©ãƒ•ã‚‚å–ã‚Šå‡ºã›ã¦ ã¿ãŸã„ãªæ„Ÿã˜ã«ãªã‚‹ã€‚ã§ã‚‚çµå±€ã‚ã¾ã‚Šæ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ OGP ã¨ã‹ã‚ã‚Šã¾ã™ã—ãã€‚ Web ãƒšãƒ¼ã‚¸ã¯ XHTML ã«ã—ã¦ãŸã‘ã©ã€ãƒ–ãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆã§å‚ç…§å…ˆã®ãªã„æ•°å€¤å‚ç…§ã¨ã‹æ··ãœã‚‰ã‚Œã‚‹ã¨ XML ãƒ‘ãƒ¼ã‚¹ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ã—ã€XML ã ã‹ã‚‰ä»–ã®èªžå½™æ··åœ¨ã§ãã‚‹ã‘ã©ã€RDF ãã‚‰ã„ã—ã‹æ··ãœã¦ãªã‹ã£ãŸã—ã€XHTML æ„å‘³ãªã‹ã£ãŸã§ã™å¤šåˆ†ã€‚ã„ã¾ã¯ HTML ã« SVG æ··åœ¨ã§ã
hiro-rock 2010/05/27
WebFontsã§åˆ©ç”¨ã§ãã‚‹æ—¥æœ¬èªžãƒ•ã‚©ãƒ³ãƒˆ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹è¡¨è¨˜ã‚ã‚Š

Font

HTML5

CSS3
ãƒªãƒ³ã‚¯
canvasã§ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã‚‹æ–¹æ³• - KAYAC Engineers' Blog
tech.kayac.comã€ã•ã•ã‚„ã‹ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸï¼ tech.kayac.comã‚’ã”è¦§ã®çš†ã•ã‚“ã€ã¯ã˜ã‚ã¾ã—ã¦ã€‚æ„åŒ éƒ¨MEèª²ã®fuchigamiã¨ã„ã„ã¾ã™ã€‚ ã©ã†ã—ã¦æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã«æ„åŒ éƒ¨ã®é‡ŽéƒŽãŒï¼Ÿã£ã¦æ„Ÿã˜ã§ã™ãŒã€ æŠ€è¡“éƒ¨ãƒ–ãƒã‚°ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«è¨˜å¿µã¨ã„ã†ã“ã¨ã§ã€ã¡ã‚ƒã£ã‹ã‚Šcanvasã«ã¤ã„ã¦è¨˜äº‹ã‚’æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æœ€åˆãªã®ã§ã€ã€ã€ ç°¡å˜ã«ã¼ãã®å±žæ€§ã‚’èª¬æ˜Žã™ã‚‹ã¨ã€html5ã¨ã‹å¥½ãã€CSS3ã¨ã‹å¥½ãã€canvasã¨ã‹èˆˆå‘³ã‚ã‚‹ã€éžãƒ¢ãƒ†ã€javascriptã¯jQueryãŒãªã‚“ã¨ãªãã‚ã‹ã‚‹ç¨‹åº¦ã€éžãƒªã‚¢å……ã€‚ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚ ç‰¹ã«ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«é–¢ã—ã¦ã¯ãƒ‰ç´ äººã ï¼ã¨ã„ã†ã“ã¨ã‚’å¼·èª¿ã—ã¦ãŠãã¾ã™ã€‚ ãã‚“ãªã¼ããŒã€canvasã‚’ä½¿ã£ã¦ã‚ãƒ©ã‚ãƒ©ã—ãŸèƒŒæ™¯ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸ ã€Œãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã™ã‚‹ã‹ã‚‰ã«ã¯æ–°ã—ã„ã“ã¨ãŒã‚„ã‚ŠãŸã„ã‚ˆãã€‚ã ã£ãŸã‚‰html5ã¨c
hiro-rock 2010/05/14
CANVASã§èƒŒæ™¯ç”»åƒã‚’å‹•çš„ã«ã¤ãã‚‹

canvas

HTML5
ãƒªãƒ³ã‚¯
YouTube - HTML5 ã‚’ç”¨ã„ãŸ Google Chrome ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³é–‹ç™ºï»¿: Google DevFest 2010 Japan
Google DevFest 2010 Japan ã‚»ãƒƒã‚·ãƒ§ãƒ³ï¼š Extensions5: HTML5 ã‚’ç”¨ã„ãŸé«˜åº¦ãª Google Chrome ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³é–‹ç™ºï»¿ ã‚¹ãƒ”ãƒ¼ã‚«ï¼š ãƒ–ãƒ©ã‚¤ã‚¢ãƒ³ãƒ»ã‚±ãƒ‹ã‚¹ Google Chrome ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³é–‹ç™ºã®ãŸã‚ã®é«˜åº¦ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã„ãã¤ã‹å¦ã³ã¾ã—ã‚‡ã†ã€‚ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã§ã¯ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³é–“ã®é€šä¿¡ã€åŠ¹çŽ‡çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„æŒ¿å…¥ã€ HTML5 ã‚’ä½¿ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’æ‰±ã„ã¾ã™ã€‚ è©³ã—ã„æƒ…å ±ã¯ Google DevFest 2010 Japan ã®ã‚µã‚¤ãƒˆã‚’ã”è¦§ãã ã•ã„ã€‚ http://sites.google.com/site/devfest2010japan/programme
hiro-rock 2010/05/14
HTML5ã‚’ç”¨ã„ãŸChromeã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã‚’é–‹ç™º

HTML5

Chrome
ãƒªãƒ³ã‚¯
FlasherãŒHTML5ã§éŠã‚“ã ã‚‰ã“ã†ãªã£ãŸï¼ˆFlashã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ‰ãƒãƒƒãƒ—ï¼ï¼‰ | _level0 - KAYAC Front Engineer Blog
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‹ã‚‰æ£ç¤¾å“¡ã«ã‚¸ãƒ§ãƒ–ãƒã‚§ãƒ³ã‚¸ã—ãŸæ–°å’ã®å €å£ã§ã™ã€‚ ã¡ã¾ãŸã§ã¯HTML5ãŒé¨’ãŒã‚Œã¦ã„ã¾ã™ãã€‚ å¤§æŠµFlashã¨æ¯”è¼ƒã•ã‚Œã‚‹ã®ã§Flash vs HTML5 ã¿ãŸã„ãªæ§‹å›³ãŒå‡ºæ¥ä¸ŠãŒã‚Šã¤ã¤ã‚ã‚‹ã®ï¼Ÿï¼Ÿ ã¿ã‚“ãªFlashå«Œã„ãªã®ï¼Ÿ ã£ã¦æ°—æŒã¡ã«ãªã£ã¦ãã¾ã™ãŒã€ãã‚‚ãã‚‚ã¼ãã¯Flash vs HTML5ã¨ã„ã†ã®ã«ç–‘å•ã‚’æ„Ÿã˜ã¾ã™ã€‚ ãŠäº’ã®ã„ã„æ‰€ã‚’å¼•ãå‡ºã›ã‚‹ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã«ãªã‚ŠãŸã„ã§ã™ï¼ ã„ã„æ©Ÿä¼šãªã®ã§ã€HTML5ã‚‚è¦šãˆã¡ã‚ƒã„ãŸã„ã§ã™ãã€‚ ã¨ã‚‚ã‹ãã¾ãšã¯HTML5ã«è§¦ã£ã¦ã¿ãªã„ã¨ä½•ã‚‚å§‹ã¾ã‚‰ãªã„ã®ã§ã€å…ˆé€±æœ«ã«å°‘ã—éŠã‚“ã§ã¿ã¾ã—ãŸã€‚ ä»¥å‰ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã®å…ˆè¼©ã«è¦‹ã›ã¦ã„ãŸã ã„ãŸãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ãŒè¡æ’ƒçš„ã ã£ãŸã®ã§ã€ ãœã²ã“ã‚Œã‚’ã‚„ã‚ŠãŸã„ã®ã€åƒ•ã¯ã€‚ ï¼Šèª¿ã¹ãŸã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã¸ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®ãƒ‰ãƒ©ãƒƒã‚°ã‚¢ãƒ³ãƒ‰ãƒ‰ãƒãƒƒãƒ—ã¯Firefox3.6ã®å¯¾å¿œã®ã¿ã§ã—ãŸã€‚ ã¨ã„ã†ã“ã¨ã§ã“ã‚“ãªãƒ‡ãƒ¢ã‚’è¦‹
hiro-rock 2010/05/11
HTML5

Flash
ãƒªãƒ³ã‚¯
IBM Developer
IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.
hiro-rock 2010/04/30
HTML5ã§Webã‚¢ãƒ—ãƒª

HTML5

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