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

ichi_S id:ichi_S

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

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

Google AJAX Feed API
Platforms and Operating Systems Android â†’ Google AI â†’ Chrome â†’ Google Cloud â†’ Firebase â†’ Frameworks, IDEs, and SDKs Jetpack Compose â†’ Android Studio â†’ Flutter â†’ Project IDX â†’ Google AI Studio â†’ Services and Integrations Gemini API â†’ Privacy Sandbox â†’ Identity Checks â†’ Google Workspace Growth and Monetization Google Play â†’ Google AdMob Google Ads Chrome Extensions â†’ Google Search Central
ichi_S 2014/04/16
Flash

HTML5

Swiffy

swf
ãƒªãƒ³ã‚¯
GitHub - wycats/rack-offline: A Rack and Rails plugin for building offline web applications
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
ichi_S 2013/07/16
cache

browser

rails

ruby

html5

rack
ãƒªãƒ³ã‚¯
Takazudolog - åœ°ç„ã®videoï¼audioè¦ç´
videoï¼audioã«ãƒãƒžã‚Šã¾ãã£ãŸãƒ¡ãƒ¢ã€‚ä½œã£ã¦ãŸã®ã¯ã€Flashã§ã‚„ã£ã¦ãŸã‚ˆã†ãªã€è¤‡æ•°ã®å‹•ç”»ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€é€”ä¸ã®é¸æŠžè‚¢ã«ã‚ˆã£ã¦è‰²ã€…å¤‰ãˆãªãŒã‚‰è¦‹ã›ã‚‹ã¨ã„ã†ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ ãƒ¼ãƒ“ãƒ¼ã¿ãŸã„ãªã®ã€‚ãªã®ã§ã€ãƒãƒ¼ãƒ‰ã«videoã‚’ä½¿ã„ã¾ãã‚‹ã¨ã„ã†æ„å‘³ã§ã€æ™®é€šã«ä¸€æœ¬å‹•ç”»ã‚’è¦‹ã›ã‚‹ã¨ã„ã†ç”¨é€”ã‚ˆã‚Šã‚‚ã‚‚ã£ã¨è‰²ã€…ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚ã‘ã ã‘ã‚Œã©ã‚‚ã€ãã†ã§ãªã„å ´åˆã§ã‚‚ã€videoãŒè‰²ã€…åŽ„ä»‹ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã¯çŸ¥ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹ã¨æ€ã†ã€‚ ã¨ã‚Šã‚ãˆãšã€videoã‚„audioã‚’ä½¿ã„ãŸã„äººã¯ã€ä»¥ä¸‹ã®2ãƒšãƒ¼ã‚¸ã‚’ç†Ÿèªã›ã‚ˆã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯è¦ã‚‰ãªã„ï¼éŸ³å£°ï¼å‹•ç”»å¯¾å¿œã—ãŸHTML5 - audioï¼videoè¦ç´ | Think IT Video - Dive Into HTML5 videoã®ã‚¤ãƒ™ãƒ³ãƒˆã¯ HTML5 Video ã‚’çœºã‚ã¦ã‚‹ã¨ãªã‚“ã¨ãªãåˆ†ã‹ã‚‹ã€‚ audioãƒ©ã‚¤ãƒ–ãƒ©ãƒªè©¦ã—ã¦ã†ã¾ãã„ã£ãŸã‚„ã¤ã¯ã“ã‚Œã€‚ SoundJS vi
ichi_S 2013/02/25
video

audio

JavaScript

html5
ãƒªãƒ³ã‚¯
Read files in JavaScript Â |Â Articles Â |Â web.dev
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
ichi_S 2013/01/22
javascript

html5

file
ãƒªãƒ³ã‚¯
HTML5ã¯Flashã®3å€é‡ã‹ã£ãŸ! æç”»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æ¯”è¼ƒ | ClockMaker Blog
æœ€è¿‘ã®HTML5ã®ç››ã‚Šä¸ŠãŒã‚Šã«ã¯å‹¢ã„ãŒã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã®æ‰€HTML5ã¯ã©ã†ãªã®ã‹æ°—ã«ãªã£ãŸã®ã§æç”»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ¸¬å®šã—ã¦ã¿ã¾ã—ãŸã€‚ä¸Šè¨˜ã®ã‚°ãƒ©ãƒ•ãŒçµæžœã§ã™ãŒã€HTML5ã§ä¸€ç•ªã‚ˆã„å®Ÿè£…ã‚ˆã‚Šã‚‚Flashã®ã»ã†ãŒ3å€å¼±é«˜é€Ÿã¨ã„ã†çµæžœãŒã§ã¾ã—ãŸã€‚ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯Flashã®ã»ã†ãŒHTML5ã‚ˆã‚Š18å€ã‚‚é«˜é€Ÿã¨ã„ã†çµæžœã‚‚ã§ã¦ã„ã¾ã™ã€‚ ã•ã‚‰ã«è¨€ãˆã°ã€HTML5ã®æç”»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãŒæœ€ã‚‚è‰¯ã‹ã£ãŸã®ã¯Safariã§ã™ãŒã€ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã¯ãã‚Œã®15%ãã‚‰ã„ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã—ã‹ã§ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã‚ã‚Šå‡¦ç†é€Ÿåº¦ã«ã°ã‚‰ã¤ããŒå¤§ãã„ã®ãŒç‰¹å¾´ã§ã—ãŸã€‚ã§ã™ãŒã€Flashã¯ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã‚¹ã‚³ã‚¢ã®æŒ¯ã‚Œå¹…ãŒå°ã•ããƒ–ãƒ©ã‚¦ã‚¶é–“ã®å‡¦ç†é€Ÿåº¦ã¯å®‰å®šã—ã¦ã„ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™(ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§å½“ç„¶ã¨ã„ãˆã°å½“ç„¶ã®çµæžœã§ã™ãŒ)ã€‚ æ¤œè¨¼ãƒ‡ãƒ¢ HTML5ã‚„Flashã¨è¨€ã£ã¦ã‚‚æ§˜ã€…ãªå®Ÿè£…æ–¹æ³•ãŒã‚ã‚‹ã®ã§ã€ã‚ˆãä½¿ã‚ã‚Œã‚‹æ–¹æ³•ã‚’å¹¾ã¤ã‹ç”¨æ„ã—ã¦æ¤œè¨¼ã—ã¦ã„ã¾ã™ã€‚
ichi_S 2012/04/27
html5

flash

web

performance

html
ãƒªãƒ³ã‚¯
createObjectURLãŒã™ã”ã„ä»¶ - ãƒ—ãƒã‚°ãƒ©ãƒ ãƒ¢ã‚°ãƒ¢ã‚°
æœ€è¿‘ã¾ãŸLocal Player (Chrome Player)ã‚’å®Ÿè£…ã—ãªãŠã—ã¦ã„ã¾ã™. ä¸€å¿œèª¬æ˜Žã—ã¦ãŠãã¨, Local Playerã¯, å®Œå…¨ã«ãƒãƒ¼ã‚«ãƒ«ã§å‹•ä½œã™ã‚‹éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™. ã‚·ãƒ³ãƒ—ãƒ«ã•ã‚’æ±‚ã‚(å®Ÿè£…ãŒã‚ã‚“ã©ãã•ã„ã ã‘), æ“ä½œã—ã‚„ã™ã(ã“ã‚Œã¯å¤§äº‹), è‰¯ã„æ„Ÿã˜ã®ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ã™. åŠå¹´å‰ã«, ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒã‚¹ãƒ‘ã‚²ãƒƒãƒ†ã‚£ã«ãªã£ã¦, é–‹ç™ºã‚’ä¸æ–ã—ã¦ã„ã¾ã—ãŸãŒ, æœ€è¿‘ã¾ãŸæ›¸ããªãŠã—å§‹ã‚ãŸã®ã§ã™. éŸ³æ¥½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§å®Ÿè£…ã™ã‚‹ã®ã«ã¯, éŸ³æ¥½ãƒ•ã‚¡ã‚¤ãƒ«ã‚’JavaScriptã§èªã¿è¾¼ã¾ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“. ãã“ã§HTML5ã§ã™ã‚ˆï¼ï¼ï¼ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> ã¿ãŸã„ãªæ„Ÿã˜ã§, éŸ³æ¥½ã‚’å†ç”Ÿã§ãã¾ã™. è©³ç´°ã¯ä»–ã®ãƒšãƒ¼ã‚¸ã«è²ã‚Šã¾ã™. ã•ã¦, éŸ³æ¥½ãƒ•ã‚¡ã‚¤ãƒ«ã‚’å†ç”Ÿã™ã‚‹ã«ã¯, ãƒãƒ¼ã‚«ãƒ«ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰urlã‚’audi
ichi_S 2011/11/21
javascript

html5

file
ãƒªãƒ³ã‚¯
1æ™‚é–“ã§æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã«ã™ã‚‹æ–¹æ³• | GREE Engineering
åˆã‚ã¦ã®æŠ•ç¨¿ã¨ãªã‚Šã¾ã™ã€‚ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®matsuã§ã™ã€‚ æºå¸¯å‘ã‘ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’1æ™‚é–“ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ¦‚è¦ 2011å¹´4æœˆ7æ—¥ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ã¦æºå¸¯é›»è©±ã®æ–°è¦å¥‘ç´„æ•°ã®ã†ã¡ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå ã‚ã‚‹å‰²åˆãŒ50%ã‚’è¶Šãˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒæœ¬æ ¼çš„ã«æ™®åŠã™ã‚‹å…†ã—ãŒè¦‹ãˆã¦ãã¾ã—ãŸã€‚ ç¾åœ¨ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ–°è¦æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯æ•°å¤šãå‡ºã¦ã„ã¾ã™ãŒã€æ—¢å˜ã®æºå¸¯ã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ãŒã‚ã¾ã‚Šç´¹ä»‹ã•ã‚Œã¦ã„ãªã„ã®ã§ã“ã®è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’è¡Œã†ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ å®Ÿè£… å…¨éƒ¨ã§8ã‚¹ãƒ†ãƒƒãƒ—ã‚ã‚Šã¾ã™ã€‚ ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’ä¾‹ã«ã¨ã£ã¦èª¬æ˜Žã—ã¾ã™ã€‚ å‰åŠã§ã¯æ–‡å—ã‚³ãƒ¼ãƒ‰ã®å¤‰æ›´ã€HTMLã®å¤‰æ›´ã¨ã„ã£ãŸæ§‹é€ ã‚’å¤‰æ›´ã—ã¾ã™ã€‚å¾ŒåŠã§ã¯çµµæ–‡å—ã‚„æ–‡å—ã‚¹ã‚¿ã‚¤ãƒ«ã‚’è¡Œã„ã€ä»•ä¸Šã’ã¨ã—ã¦HTML5ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚æœ€åˆ
ichi_S 2011/04/25
jQuery

mobile

smartphone

html5

html

jQuery Mobile
ãƒªãƒ³ã‚¯
HTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„ï½œWebåˆ¶ä½œ W3G
Updated 2010.07.29 / Published 2010.07.29 ã“ã‚Œã‹ã‚‰HTML5ã‚’ä½¿ã„ã¯ã˜ã‚ã‚ˆã†ã¨ã„ã†æ–¹ã«å‘ã‘ãŸHTML5ã®ãŠã•ã‚‰ã„ã§ã™ã€‚HTML5ã®è¨˜è¿°æ–¹æ³•ã«ã¯ã˜ã¾ã‚Šã€å°Žå…¥ã«ã‚ãŸã£ã¦é–“é•ã„ã‚„ã™ã„ã¨ã“ã‚ã‚„å‹˜é•ã„ã—ãŒã¡ãªã¨ã“ã‚ã‚’ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ã€‚ hgroup, header, footerè¦ç´ ã®èª¬æ˜Žã‚’å«ã‚ãŸç¶šãã‚‚ã‚ã‚Šã¾ã™(ç¶šHTML5ã«ã¤ã„ã¦ã®ãŠã•ã‚‰ã„)ã€‚ HTML5ã®è¨˜è¿°æ–¹æ³• ã¾ãšæœ€åˆã«ã€å¿…ãšDOCTYPEå®£è¨€ã‚’è¡Œã„ã¾ã™ã€‚HTML5ã«ã¯å…¬å¼ã®DTDãŒãªã„ã®ã§ã€ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ã¦ã„ã¾ã™ã€‚ <!DOCTYPE html> ç¶šã„ã¦ã€htmlè¦ç´ ã«ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨€èªžã‚’å®£è¨€ã—ã¾ã™ã€‚ <html lang="ja"> ãã—ã¦é †ç•ªã«headè¦ç´ ã¨ãã¦ã€æ–‡å—ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®æŒ‡å®šã§ã™ãŒã€charsetå±žæ€§ãŒæ–°ãŸã«åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ <meta charset="UTF
ichi_S 2010/07/29
html5

html

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã€HTML5ã€‘HTML5ã§è¿½åŠ ã•ã‚ŒãŸformã®æ–°è¦ç´ ã‚’ã„ã‚ã„ã‚ãªãƒ–ãƒ©ã‚¦ã‚¶ã§è©¦ã—ã¦ã¿ãŸ : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ æœ€è¿‘å··ã§ã¯HTML5ãŒç››ã‚Šä¸ŠãŒã‚Šã‚’è¦‹ã›ã¦ã„ã‚‹æ°—ãŒã—ã¾ã™ã€‚ ã€Œä¸–ç•Œçš„ã§ã™ã‚‚ã‚“ãã€‚ä¹—ã‚‹ã—ã‹ãªã„ã€ã“ã®ãƒ“ãƒƒã‚¯ã‚¦ã‚¨ãƒ¼ãƒ–ã«ï¼ã€ ã¨ã¯ã„ãˆã€HTML5ã®ã™ã¹ã¦ã«è§¦ã‚Œã‚‹ã¨è†¨å¤§ãªé‡ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã€ä»Šæ—¥ã¯HTML5ã®ä¸ã§ã‚‚ã€å¤šãã®å¤‰æ›´ãŒè¡Œã‚ã‚ŒãŸã€formè¦ç´ ã«ã¤ã„ã¦ã€å®Ÿéš›ã«æ–°ã—ãè¿½åŠ ã•ã‚ŒãŸæ©Ÿèƒ½ã‚’ä½¿ã£ã¦ã„ã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã‚’å‚è€ƒã«ã€ã©ã®ã‚ˆã†ãªä¿®æ£ãŒåŠ ãˆã‚‰ã‚ŒãŸã‹è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ W3C - HTML 5 differences from HTML 4 æ—¥æœ¬èªžè¨³ formã«é–¢ã™ã‚‹å¤‰æ›´ã¯ã“ã®ã‚ãŸã‚Šã§ã—ã‚‡ã†ã‹ã€‚ ä»¥ä¸‹ã«åˆ—æŒ™ã—ã¦ã¿ã¾ã™ã€‚ ãƒ»inputã‚¿ã‚°ã«ä»¥ä¸‹ã®typeè¦ç´ ãŒè¿½åŠ ã€‚ tel search url em ail datetime date month week time datetime-local number range color ãƒ»ä»¥ä¸‹ã®å±žæ€§ãŒè¿½åŠ inp
ichi_S 2010/05/12
html5

form

html
ãƒªãƒ³ã‚¯
HTML5 åŸºç¤ŽçŸ¥è˜ - webæŽ¢æ¤œéšŠ
HTML5ã‚’æ›¸ããŸã‚ã®åŸºç¤ŽçŸ¥è˜ã‚’ãƒ¡ãƒ¢HTML5ã®é››å½¢XHTML5ã§ã¯ãªãã¦HTML5ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦ html> head> title>HTML5 åŸºç¤ŽçŸ¥è˜title> meta charset="UTF-8"> head> body> body> html> HTML5ã®æ–°è¦ç´ æ–‡ç« æ§‹é€ ã«é–¢ã™ã‚‹ã‚‚ã®sectionæ±Žç”¨çš„ãªã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€‚æ–‡ç« ã®ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ³ã‚’æ§‹æˆã™ã‚‹ã€‚articleã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€Webãƒšãƒ¼ã‚¸ã‹ã‚‰ç‹¬ç«‹ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ã™ã€‚asideã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹è£œè¶³æƒ…å ±ã‚’è¡¨ã™ã€‚navã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ä¸€ç¨®ã§ã€å¤–å´ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã«å¯¾ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ã™ã€‚footerã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ•ãƒƒã‚¿ãƒ¼ã€‚headerã‚»ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ˜ãƒƒãƒ€ãƒ¼ã€‚hgroupè¤‡æ•°ã®è¦‹å‡ºã—(h1-h6)ã‚’ã¾ã¨ã‚ã‚‹ã€‚ å¤–éƒ¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®åŸ‹è¾¼ã¿figureã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ä¼´ã†ã‚ˆã†ãªå†…å®¹ã®ã‚‚ã®ã‚’æ–‡ç« ä¸ã«åŸ‹
ichi_S 2010/03/09
html5

html

Web

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã‚’HTML5ã§è¦‹ã‚‹bookmarklet - saiten@blog
æ€§æ‡²ã‚Šã‚‚ç„¡ããƒ‹ã‚³ãƒ‹ã‚³ãƒã‚¿ã§ã™ã€‚ iPadã§ã‚‚çµå±€FlashãŒæè¼‰ã•ã‚Œãªã‹ã£ãŸã“ã¨ã‚‚ã‚ã£ã¦ã€æœ€è¿‘Flashã®ä»£æ›¿æ‰‹æ®µã¨ã—ã¦HTML5ãŒã‚„ã‘ã«æŠ¼ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚‚ã®ã¯è©¦ã—ã§ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®Flashãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’HTML5ã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã‚‹bookmarkletã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚iPhone/iPadã®videoã‚¿ã‚°ã®å‹•ä½œãŒãƒžã‚·ã«ãªã£ã¦ã‚Œã°ã€iPhone/iPadä¸Šã§ã‚‚å‹•ãã‹ã‚‚ã£ã¦ãªæœŸå¾…è¾¼ã¿ã§ã€‚ ä½¿ã„æ–¹ã¯ã€ä¸‹è¨˜ã®bookmarkletã‚’ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã®å†ç”Ÿãƒšãƒ¼ã‚¸(http;//www.nicovideo.jp/watch/*)ä¸Šã§å®Ÿè¡Œã™ã‚‹ã ã‘ã§ã™ã€‚å®Ÿè¡Œã™ã‚‹ã¨æ¨™æº–ã®Flashè£½ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ã€HTML5+javascriptã§æ§‹æˆã—ãŸãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ç½®ãæ›ãˆã¾ã™ã€‚ javascript:(function(){var e=document.createElement("script");e.s
ichi_S 2010/02/26
html5

JavaScript

ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»

Bookmarklet
ãƒªãƒ³ã‚¯
HTML5, ãã¡ã‚“ã¨ã€‚
HTML5ã®æ¦‚è¦ã‚„ç›®çš„ã«ã¤ã„ã¦èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ã‚»ã‚¯ã‚·ãƒ§ãƒ³é–¢é€£è¦ç´ ã«ã¤ã„ã¦ã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 2009å¹´ã®CSS Nite vol. 40ã§è©±ã—ãŸã¨ãã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚Read less
ichi_S 2009/11/17
html5

html
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã›
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”åˆ©ç”¨ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“ã‚¹ã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ä»Šå¾Œã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”æ„›é¡§ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
ichi_S 2009/11/13
ã‚³ãƒ¡ãƒ³ãƒˆï½—ï½—ï½—

html5

javascript

canvas

neta
ãƒªãƒ³ã‚¯
HTML5 ã‚’å¦ã¶ãŸã‚ã®æƒ…å ±æºã¾ã¨ã‚
ã¡ã‚‡ã£ã¨æ›´æ–°ã‚µãƒœã‚Šã™ãŽã§ã—ãŸãŒã€æœ€è¿‘ HTML5 é–¢é€£ã®è©±ã‚‚ã¨ã£ã¦ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã®ã§ã€ã“ã“ã‚‰ã§ HTML5 ã«é–¢ã™ã‚‹æƒ…å ±ã‚’é›†ã‚ã‚‹ã¨ãã«æƒ…å ±æºã¨ã—ã¦æœ‰ç›Šãªã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚„ã¯ã‚Šã€è‹±èªžã§ã®æƒ…å ±ãŒå¤šããªã£ã¦ã—ã¾ã†ã®ã§ã€è‹±èªžèƒ½åŠ›ãŒæ®‹å¿µãªç§ãªã‚“ã‹ã¯çµæ§‹åŽ³ã—ã„ã‚“ã§ã™ãŒã€ã„ãã¤ã‹æ—¥æœ¬èªžã§ã®æƒ…å ±æºã‚‚æŒ™ã’ã¦ã¿ã¾ã—ãŸã®ã§ã€ä½µã›ã¦è¦‹ã¦ãŠãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨æ›´æ–°ã‚µãƒœã‚Šã™ãŽã§ã—ãŸãŒã€æœ€è¿‘ HTML5 é–¢é€£ã®è©±ã‚‚ã¨ã£ã¦ã‚‚å¢—ãˆã¦ãã¾ã—ãŸã®ã§ã€ã“ã“ã‚‰ã§ HTML5 ã«é–¢ã™ã‚‹æƒ…å ±ã‚’é›†ã‚ã‚‹ã¨ãã«æƒ…å ±æºã¨ã—ã¦æœ‰ç›Šãªã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚„ã¯ã‚Šã€è‹±èªžã§ã®æƒ…å ±ãŒå¤šããªã£ã¦ã—ã¾ã†ã®ã§ã€è‹±èªžèƒ½åŠ›ãŒæ®‹å¿µãªç§ãªã‚“ã‹ã¯çµæ§‹åŽ³ã—ã„ã‚“ã§ã™ãŒã€ã„ãã¤ã‹æ—¥æœ¬èªžã§ã®æƒ…å ±æºã‚‚æŒ™ã’ã¦ã¿ã¾ã—ãŸã®ã§ã€ä½µã›ã¦è¦‹ã¦ãŠãã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€XHTML å¥½ããªç§ã¨ã—ã¦ã¯ã€XHTML5 ã§æ¬¡ã®ã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã¨ã‹
ichi_S 2009/11/02
html5

html
ãƒªãƒ³ã‚¯
HTML5ã‚µãƒ³ãƒ—ãƒ«é›† - æ ªå¼ä¼šç¤¾ã‚ã‚†ãŸ
ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€HTML5ã®APIã‚’åˆ©ç”¨ã—ãŸç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã®å¤šãã¯ã€å¼Šç¤¾æŠ€è¡“é¡§å•ã®ç™½çŸ³æ°ãŒãƒžã‚¤ã‚³ãƒŸã‚¸ãƒ£ãƒ¼ãƒŠãƒ«ã«å¯„ç¨¿ã—ãŸè¨˜äº‹ã§ä½¿ç”¨ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ ã‚’å…ƒã«ã€å¤šå°‘ã®æ”¹å¤‰ã‚’åŠ ãˆãŸã‚‚ã®ã§ã™ã€‚ ã©ã‚Œã‚‚éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã™ãŒã€HTML5ã®å„æ©Ÿèƒ½ã‚’è©¦ã™ãŸã‚ã®ã¨ã£ã‹ã‹ã‚Šã¨ã—ã¦ã”åˆ©ç”¨é ‚ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ç™½çŸ³æ°ãŒå¯„ç¨¿ã—ãŸè¨˜äº‹ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™ã€‚ã“ã‚Œã‚‰ã®è¨˜äº‹ã¨åˆã‚ã›ã¦ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”åˆ©ç”¨ã«ãªã£ã¦é ‚ãäº‹ã§ã€å„æ©Ÿèƒ½ã®ç†è§£ãŒã‚ˆã‚Šæ·±ã¾ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - æ–°ã‚¿ã‚°&APIç·¨ è©³è§£! HTML 5ã¨é–¢é€£APIã®æœ€æ–°å‹•å‘ - Webã‚¢ãƒ—ãƒªé–‹ç™ºç·¨ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®ã‚µãƒ³ãƒ—ãƒ« (ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰) (Safari4ã€Google Chrome3ã§å‹•ä½œç¢ºèªæ¸ˆã¿ã€‚Firefoxã ã¨ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®ã‚¤ãƒ™ãƒ³ãƒˆãŒæ£ã—ãç™ºç”Ÿã›ãšã€å‹•ä½œã—ãªã„ã¨
ichi_S 2009/10/20
JavaScript

html5

sample

demo
ãƒªãƒ³ã‚¯
1