[B! html] yasuharu519ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yasuharu519 id:yasuharu519

htmlã«é–¢ã™ã‚‹yasuharu519ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (21)

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

ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
yasuharu519 2024/08/12
html
ãƒªãƒ³ã‚¯
A Blog Post With Every HTML Element
After learning a little bit more about web accessibility last year I had been exploring some of the less common HTML elements, and making changes to this website, like wrapping the text of the posts on this blog in <article> tags and adding a <main> tag in the websiteâ€™s layout templates (this website is built using Eleventy). I had previously done some work to make sure that <figure> and <figcapti
yasuharu519 2023/08/14
html
ãƒªãƒ³ã‚¯
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’æ¨ã¦ã¦HTMLãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã«ç§»è¡Œã—ãŸçµæžœ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
ç§ãŸã¡ã®ä¼šç¤¾ã§ã¯é•·ã‚‰ãã€ç”»é¢è¨è¨ˆã¨ã„ãˆã°PowerPointã‚’ä½¿ã„ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆä»¥ä¸‹ã€WFï¼‰ã‚’ä½œã£ã¦ã„ã¾ã—ãŸã€‚Webåˆ¶ä½œä¼šç¤¾ã«ãŠã‘ã‚‹éžå¸¸ã«ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªã‚„ã‚Šæ–¹ã§ã‚ã£ãŸãŸã‚ã€ãƒ™ã‚¿ãƒ¼ãªæ–¹æ³•ã¨å—ã‘å…¥ã‚Œã¤ã¤ã‚‚ã€ä¾‹ãˆã°ä»¥ä¸‹ã®ã‚ˆã†ãªç„¡é§„ã‚‚å¤šãã€æ±ºã—ã¦ãƒ™ã‚¹ãƒˆã§ã¯ãªã„ã¨ã‚‚æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚ è¨è¨ˆè€…ãŒã‚³ãƒ¼ãƒ€ãƒ¼ã«æ–‡æ›¸æ§‹é€ ã®æ„å›³ã‚’èª¬æ˜Žã™ã‚‹æ™‚é–“ã®ç„¡é§„ è¨è¨ˆè€…ãŒè€ƒãˆãŸãƒ•ã‚¡ã‚¤ãƒ«æ§‹é€ ã‚„ãƒ˜ãƒƒãƒ€æƒ…å ±ã‚’å®šç¾©ã™ã‚‹ãŸã‚ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®ç„¡é§„ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«WFã‚„PSDä¸Šã®ãƒ†ã‚ã‚¹ãƒˆã‚’ã‚³ãƒ”ãƒšã—ã¦ç§»ã—æ›¿ãˆã‚‹ç„¡é§„ ãƒªãƒ³ã‚¯æ§‹é€ ã‚„å‹•ãã€ä½¿ã„å‹æ‰‹ã‚’ç´™é¢ä¸Šã§è¡¨ç¾ã—ã‚ˆã†ã¨ã™ã‚‹åŠªåŠ›ã®ç„¡é§„ å…±é€šãƒ‘ãƒ¼ãƒ„ã«ä¿®æ£ãŒå…¥ã£ãŸæ™‚ã«å„ãƒšãƒ¼ã‚¸ã”ã¨ã«ä¿®æ£ã‚’å…¥ã‚Œã¦ã„ãç„¡é§„ PCç”¨ã¨ã‚¹ãƒžãƒ›ç”¨ã®2ç¨®é¡žã®WFã‚’ä½œã‚‹ç„¡é§„ æ›´æ–°ã™ã‚‹ãŸã³ã«æ–°ã—ã„WFã‚’å°åˆ·ã™ã‚‹ç´™ã®ç„¡é§„ ã„ãšã‚Œã‚‚å·¥å¤«æ¬¡ç¬¬ã§è»½æ¸›ã§ãã‚‹å•é¡Œã§ã—ãŸãŒã€æ„æ€ç–Žé€šã®ãŸã‚ã®ä¸é–“æˆæžœç‰©ã®ä½“è£ã‚’æ•´ãˆã‚‹ãŸã‚ã®å¤šãã®æ™‚é–“ãŒç„¡é§„ã§ã¯ï¼Ÿ
yasuharu519 2016/04/14
html
ãƒªãƒ³ã‚¯
High Performance HTML -ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«é…æ…®ã•ã‚ŒãŸã‚¯ãƒªãƒ¼ãƒ³ã§ç°¡æ½”ãªHTMLã®æ›¸ãæ–¹
å¤šãã®Webåˆ¶ä½œè€…ã¯ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã¨ã„ã†ã¨ã€JavaScriptã‚„ç”»åƒã®æœ€é©åŒ–ã€ã‚µãƒ¼ãƒãƒ¼ã®è¨å®šã€CSSãªã©ã®ãƒ•ã‚¡ã‚¤ãƒ«ã®åœ§ç¸®ã‚„çµåˆã‚’æ¤œè¨Žã—ã¾ã™ã€‚ãã—ã¦ã€Webãƒšãƒ¼ã‚¸ã®ã‚³ã‚¢ã¨ãªã‚‹è¨€èªžã«ã‚‚é–¢ã‚ã‚‰ãšã€HTMLã¯ç„¡è¦–ã•ã‚ŒãŒã¡ã§ã™ã€‚ HTMLã¯å˜ã«è¤‡é›‘ã•ã¨è¦ç´ ã®æ•°ã‚’æ¸›ã‚‰ã™ã ã‘ã§ã¯ã€ãƒ‘ãƒ¼ã‚¹ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’ã‚ã¾ã‚Šæ”¹å–„ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ã—ã‹ã—ã‚ˆãä½œã‚‰ã‚ŒãŸHTMLã¯ãƒšãƒ¼ã‚¸ã‚’ç´ æ—©ããƒãƒ¼ãƒ‰ã™ã‚‹ãŸã‚ã®æ±ºå®šçš„ãªåœŸå°ã«ãªã‚Šã€ç•°ãªã‚‹ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã‚µã‚¤ã‚ºã«å¯¾å¿œã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã‚Šã¾ã™ã€‚ ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾ã—ã¦ç´ æ—©ããƒãƒ¼ãƒ‰ã—ã€ã†ã¾ãã„ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã‚‹ã‚¯ãƒªãƒ¼ãƒ³ã§ç°¡æ½”ãªHTMLã®ã‚³ãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ High performance HTML ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ è‘—è€…ã®Sam Duttonæ°ã¯ã€Google Chromeã®Developer Advocateã‚’ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³
yasuharu519 2015/08/03
html
ãƒªãƒ³ã‚¯
Code Guide
Golden rule Enforce these, or your own, agreed upon guidelines at all times. Small or large, call out whatâ€™s incorrect. For additions or contributions to this Code Guide, please open an issue on GitHub. Every line of code should appear to be written by a single person, no matter the number of contributors. HTML Syntax Donâ€™t capitalize tags, including the doctype. Use soft tabs with two spacesâ€”they
yasuharu519 2015/05/04
webdesign

html

css
ãƒªãƒ³ã‚¯
http://codecast.me/
yasuharu519 2015/02/28
å¤‰æ›´ãŒã‚ã‹ã‚‹ã‚¨ãƒ‡ã‚£ã‚¿

css

html
ãƒªãƒ³ã‚¯
HTMLï¼CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚é–“ã‚’æ¿€æ¸›ã•ã›ã‚‹ã€ŒCreative Cloud Extractã€ã¨ã€ãã®çœŸä¾¡ã‚’å¼•ãã ã™ãŸã‚ã®10ã®ãƒã‚¤ãƒ³ãƒˆ
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
yasuharu519 2015/02/27
html
ãƒªãƒ³ã‚¯
Ionic Framework - The Cross-Platform App Development Leader
yasuharu519 2013/11/23
html

html5

framework

iOS
ãƒªãƒ³ã‚¯
Online Courses and Video Courses | Envato Tuts+
Learn new creative and technical skills with 550+ video-based courses and short courses to help you develop. From code and web design courses to photography and design & illustration courses, itâ€™s all here. What would you like to learn? Budding WordPress developers will love the huge selection of WordPress courses, while designers can master everything from Photoshop to print design. Or maybe youâ€™
yasuharu519 2013/10/25
æ•™æ

tutorial

html

Web

html5
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #18 ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ä½œã£ã¦ã¿ã‚‹ (å‰ç·¨) | DevelopersIO
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #18 ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ä½œã£ã¦ã¿ã‚‹ (å‰ç·¨) ãã‚“ãªè¨³ã§ã€HTML5 ã®Â CanvasÂ ã‚’é§†ä½¿ã—ã¦ä¸€æžšã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰è‰²æƒ…å ±ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’å¦ã‚“ã§ã¿ã¾ã—ãŸã€‚ã¾ã å¦ç¿’ã®é€”ä¸ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒ‘ãƒ¬ãƒƒãƒˆã‚’ç”Ÿæˆã™ã‚‹ã¨ã“ã‚ã¾ã§ã¯å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ãŸã®ã§ã€å½“ãƒ–ãƒã‚°ã§ç´¹ä»‹ã™ã‚‹ã¨ã—ã¾ã™ã€‚ ã¨ã€æ€ã£ãŸã®ã§ã™ãŒã€ã“ã®ã‚·ãƒªãƒ¼ã‚ºã«ã—ã¦ã¯çµæ§‹é›£æ˜“åº¦ã®é«˜ã„å†…å®¹ãªã®ã§ã€ã„ããªã‚Šãã®æ–¹æ³•ã‚’ç´¹ä»‹ã™ã‚‹å‰ã«ã€ã“ã“ã§ã¯åŸºæœ¬çš„ãªãƒ”ã‚¯ã‚»ãƒ«ã®æ“ä½œã‚„è‰²æƒ…å ±ã®æ‰±ã„ãªã©ã€å‰æ®µéšŽã¨ã—ã¦ã®å°è¦æ¨¡ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ Step.1 ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã‚’ä½œã‚‹ è¦‹å‡ºã—ã ã‘ã‚’èªã‚€ã¨ã—ã‚‡ã£ã±ãªã‹ã‚‰å¤§ãã‚ŒãŸå°è±¡ã‚’å—ã‘ã¾ã™ãŒã€ãƒžã‚¦ã‚¹ã‚«ãƒ¼ã‚½ãƒ«ä½ç½®ã«ã‚ã‚‹ãƒ”ã‚¯ã‚»ãƒ«æƒ…å ±ã‚’å–å¾—ãƒ»è§£æžã—ã¦ã€ãã“ã‹ã‚‰è‰²ã«é–¢ã™ã‚‹æƒ…å ±ã‚’ç”»é¢å´ã«è¡¨ç¤ºã™ã‚‹ã¨ã„ã£ãŸå˜ç´”ãªã‚‚ã®ã§ã™ã€‚ 1
yasuharu519 2013/10/23
html5

html

javascript
ãƒªãƒ³ã‚¯
GitHub - philipwalton/html-inspector: HTML Inspector is a code quality tool to help you and your team write better markup. It's written in JavaScript and runs in the browser, so testing your HTML has never been easier.
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
yasuharu519 2013/06/16
github

html

testing
ãƒªãƒ³ã‚¯
Engadget | Technology News & Reviews
The Polaris Dawn crew is back on Earth after a historic mission
yasuharu519 2013/06/14
html
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2013/06/05/20130604google-will-soon-launch-google-web-designer-a-free-html5-development-tool-for-creating-web-apps-sites-and-ads/
yasuharu519 2013/06/05
html

google
ãƒªãƒ³ã‚¯
HTML and CSS Tutorials, References, Articles and News - HTML Dog
yasuharu519 2013/01/29
HTMLã®è§£èª¬

html

tutorial

css

webdesign
ãƒªãƒ³ã‚¯
Sign PDF Documents | DocHub
yasuharu519 2013/01/29
document

html

css
ãƒªãƒ³ã‚¯
Firefox OS - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
Firefox OS ãŒé¢ç™½ãã†ã€ã¨ã„ã†ã®ã§å°‘ã—è§¦ã£ã¦ã¿ã¾ã—ãŸã€‚ Firefox OS ã¯Web æ¨™æº–ãƒ™ãƒ¼ã‚¹ã®é–‹ç™ºã‚’åŸºç¤Žã¨ã—ãŸãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ç”¨ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€è¦ã¯ HTML ã¨ JavaScript ã¨ CSS ã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§ãã‚‹ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ç”¨ã® OSã€‚é–“ã‚‚ãªã Developer Preview Phone ãªå®Ÿæ©ŸãŒç™ºå£²ã•ã‚Œã‚‹ã¨ã„ã†ã®ã§ã«ã‚ã‹ã«ç››ã‚Šä¸ŠãŒã‚Šã‚’è¦‹ã›ã¦ã„ã‚‹ã¿ãŸã„ã§ã™ã€‚ Firefox OS ãŒç›®æŒ‡ã™ã¨ã“ã‚ã¯ Web æ¨™æº–ã«ã‚ˆã‚‹ã€é–‹ç™ºè€…ãŒãƒãƒƒã‚¯ã‚¤ãƒ³ã•ã‚Œãªã„ã‚ªãƒ¼ãƒ—ãƒ³ãªãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€‚iOS ã‚„ Android ã®æ˜¨ä»Šã®çŠ¶æ³ã‚’è¦‹ã‚Œã°ã€ãã®ã‚¢ãƒ³ãƒãƒ†ãƒ¼ã‚¼ã«ãªã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ æ§‹æƒ³ãŒã‚ã£ã¦ã‚‚ãŠã‹ã—ããªã„ã‚ã‘ã§ã€ã¾ã•ã«ãã‚Œã‚’ç›®æŒ‡ã—ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãã€‚ ã„ã£ãŸã„ã©ã‚“ãªã‚‚ã®ã‹ã¨ã„ã†æ¦‚è¦³ã¯ dynamis ã•ã‚“ã«ã‚ˆã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã€‚ Firefox OS from dynamis
yasuharu519 2013/01/25
é¢ç™½ãã†

Firefox

ios

html
ãƒªãƒ³ã‚¯
Initializr - HTML5 project - template
Our team has meticulously curated a list of the absolute best VPN providers, proven to be highly effective in evading the intricate barriers imposed within China. However, it is of utmost importance to familiarize oneself with the essential criteria to consider while selecting a VPN. When it comes to China, it is crucial to determine which VPN provider currently dominates the country. Providing un
yasuharu519 2013/01/04
html5

html

webdesign
ãƒªãƒ³ã‚¯
GitHub - joshuagatcke/HTML-KickStart: Ultraâ€“Lean HTML Building Blocks for Rapid Website Production
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
yasuharu519 2013/01/03
html

design

webdesign
ãƒªãƒ³ã‚¯
Thimble by Mozilla - An online code editor for learners & educators.
Mozilla is a global nonprofit dedicated to keeping the Internet a public resource that is open and accessible to all.
yasuharu519 2012/06/19
ãƒ‡ã‚¶ã‚¤ãƒ³

web

programming

html

css
ãƒªãƒ³ã‚¯
WebSocket ã®ãƒã‚¤ãƒŠãƒªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’è©¦ã—ãŸã‚‰ã€ã‚¦ã‚§ãƒ–ã®æœªæ¥ãŒåž£é–“è¦‹ãˆãŸ
é•·ã„è¨˜äº‹ãªã®ã§ã€å…ˆã«çµè«–ã ã‘æ›¸ã„ã¦ãŠãã¾ã™ã€‚WebSocketã®ãƒã‚¤ãƒŠãƒªãƒ¡ãƒƒã‚»ãƒ¼ã‚¸æ©Ÿèƒ½ã¯ã€ã“ã‚Œã¾ã§ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ã‚ã‚Šæ–¹ã‚’ã²ã£ãã‚Šè¿”ã—ã¾ã™ã€‚ã€Œãã‚“ãªã®çŸ¥ã£ã¦ã‚‹ã‚ˆã€ã¨ã„ã†æ–¹ã‚‚ã„ã‚‹ã¨ã¯æ€ã„ã¾ã™ã€‚åƒ•ã‚‚ç†å±ˆã§ã¯åˆ†ã‹ã£ã¦ãŸã¤ã‚‚ã‚Šã ã‘ã©ã€å®Ÿéš›ã«ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã¿ã¦ã€å…·ä½“çš„ã«ãã‚Œã‚’æ„Ÿã˜ã‚‹ã“ã¨ãŒã§ããŸã®ã§ã€ã¡ã‚‡ã£ã¨é•·ã„ã§ã™ãŒã©ã†ã„ã†ã“ã¨ãªã®ã‹èª¬æ˜Žã—ã¦ã¿ã¾ã™ã€‚ WebSocketã¨ã¯ # WebSocketã¯ã€HTML5é–¢é€£ã®ä¸ã§ã‚‚ç‰¹ã«æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹æŠ€è¡“ã®ä¸€ã¤ã§ã™ã€‚é€šå¸¸ã®HTTPé€šä¿¡ã§ã‚ã‚Œã°ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãªã—ã«ã‚µãƒ¼ãƒãƒ¼ã¯å¿œç”ã—ã¾ã›ã‚“ãŒã€WebSocketã‚’ä½¿ã†ã“ã¨ã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã¨ã‚µãƒ¼ãƒãƒ¼ã®é–“ã§åŒæ–¹å‘ã®é€šä¿¡ãŒå¯èƒ½ã¨ãªã‚Šã¾ã™ã€‚ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ä»Šå¾Œæ§˜ã€…ãªãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ æ€§ã®é«˜ã„ã‚µãƒ¼ãƒ“ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚‹ã§ã—ã‚‡ã†ã€‚ ãã‚“ãªWebSocketã§ã™ãŒã€ã“ã‚Œã¾ã§æ³¢ä¹±ã®é“ã‚’æ©ã‚“ã§ãã¾ã—ãŸã€‚æ•°å¹´å‰ã‹
yasuharu519 2012/03/08
HTML

HTML5

WebSocket
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸