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

hasegawayosuke id:hasegawayosuke

html5ã¨javascriptã«é–¢ã™ã‚‹hasegawayosukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ãŠç–²ã‚Œã•ã¾XMLHttpRequestã€ã“ã‚“ã«ã¡ã¯fetch - Qiita
Service Workersã§ãƒ—ãƒƒã‚·ãƒ¥é€šçŸ¥ã‚’å—ä¿¡ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‚ã‘ã§ã™ãŒ([1]: GCM)([2]: Web Push)ã€Chromeã§ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³48ã¾ã§ã¯GCMã§é€šçŸ¥ã ã‘ãŒã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã ã‘ã§ã€ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸æœ¬ä½“ã¯é€šçŸ¥ã‚’å—ã‘ã¦ã‹ã‚‰Service Workerã§ã‚µãƒ¼ãƒã‹ã‚‰æ”¹ã‚ã¦å—ã‘å–ã‚‹ã‚ˆã†ãªå®Ÿè£…ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã£ãŸã‚Šã—ã¾ã™ã€‚ ã“ã“ã§ã€Service Workersã§ã¯ã€XMLHttpRequestãŒä½¿ãˆã¾ã›ã‚“ã€‚ãã®ä»£ã‚ã‚Šã€XMLHttpRequest (ä»¥ä¸‹ã€XHR)ã«ä»£ã‚ã‚‹WHATWGã®ä»•æ§˜ã¨ã—ã¦Fetch APIãŒã‚ã‚Šã€Service Workersã§ã¯ã“ã®Fetch APIã‚’ä½¿ã†ã“ã¨ã«ãªã£ã¦ã„ã¾ã™ã®ã§ã€ãã®ä½¿ã„æ–¹ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ Fetch APIè‡ªä½“ã¯ã€Service Workerså°‚ç”¨ã®ã‚‚ã®ã§ã¯ãªãã€ãƒ¡ã‚¤ãƒ³ã‚¹ãƒ¬ãƒƒãƒ‰ã§ã‚‚XHRã®ä»£ã‚ã‚Šã«ä½¿ã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ç¾æ™‚ç‚¹ã§å®Ÿè£…ã—
hasegawayosuke 2015/11/28
fetch

javascript

html5
ãƒªãƒ³ã‚¯
Fetch API è§£èª¬ã€ã¾ãŸã¯ Web ã«ãŠã„ã¦ "Fetch ã™ã‚‹" ã¨ã¯ä½•ã‹ï¼Ÿ - Block Rockinâ€™ Codes
Update [14/11/11]: Chromium ã§ã®å®Ÿè£…ãŒ M40 ã‹ã‚‰ã‚ã‚‹ãã†ãªã®ã§ã€æœ«å°¾ã«å¼•ç”¨è¿½è¨˜ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ [14/11/12]: ã“ã®è¨˜äº‹ã‚’æ›¸ãã«ã‚ãŸã£ã¦ã€è‰²ã€…ãªã‹ãŸã«ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚„åŠ©è¨€ã‚’é ‚ã„ãŸã®ã§ã™ãŒã€è¬è¾žãªã©ãŒä¸€åˆ‡æŠœã‘ã¦ã¾ã—ãŸã€æœ¬å½“ã«ã™ã„ã¾ã›ã‚“ã€‚è¿½è¨˜ã—ã¾ã—ãŸã€ã”å”åŠ›é ‚ã„ãŸæ–¹ã€…æœ¬å½“ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ WHATGW Fetch Spec WHATWG ã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã™ã‚‹ãƒ‰ãƒ©ãƒ•ãƒˆã« Fetch Spec ãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚ ã‚‚ã†ã™ã§ã«æ—¥æœ¬èªžè¨³ã‚‚ã‚ã‚Šã¾ã™ã€ã™ã°ã‚‰ã—ã„ã€‚Fetch Standard æ—¥æœ¬èªžè¨³ ã“ã®ä»•æ§˜ã«ã¯äºŒã¤ã®ã“ã¨ãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ "Fetching": Fetch ã™ã‚‹ã¨ã¯ä½•ã‹? ã®å®šç¾© "Fetch API": fetch() ã®å®šç¾© å¾Œè€…ã®å®šç¾©ã«åŸºã¥ã fetch() ã¨ã„ã† DOM API ã®å®Ÿè£…ã‚‚å§‹ã¾ã£ã¦ã„ã¾ã™ã€‚(è©³ç´°ã¯å¾Œè¿°) ã—ã‹ã—
hasegawayosuke 2014/11/12
CSPã‚‚fetchã§ã€ã£ã¦ã„ã†æµã‚Œã ã—ãã€‚

fetch

http

html5

javascript
ãƒªãƒ³ã‚¯
Web API | MDN
A Attribution Reporting API Experimental Audio Output Devices API Experimental B Background Fetch API Experimental Background SyncBackground TasksBadging APIBarcode Detection API Experimental Battery APIBeaconBluetooth API Experimental Broadcast Channel API C CSS Counter StylesCSS Custom Highlight API CSS Font Loading API CSS Painting API Experimental CSS Properties and Values API CSS Typed Object Mo
hasegawayosuke 2014/05/02
javascript

webapi

html5

firefox
ãƒªãƒ³ã‚¯
HTTP Archive (HAR) format (Editor's Draft)
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
hasegawayosuke 2014/01/17
navigator.sendBeacon("/log", analyticsData);ã§éžåŒæœŸã«ãƒ†ã‚ã‚¹ãƒˆã‚„ãƒã‚¤ãƒŠãƒªã®é€ä¿¡ãŒPOSTã§ãã‚‹ä»•æ§˜ã€‚

html5

javascript
ãƒªãƒ³ã‚¯
SyncFileSystem APIã®ä»•æ§˜ãƒ‰ãƒ©ãƒ•ãƒˆã‚’å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸ
SyncFileSystem APIã®ä»•æ§˜ãƒ‰ãƒ©ãƒ•ãƒˆã‚’å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸ Written on Feb 26, 2013. Posted in Chrome extension æ™‚ä»£ã¯ãã‚ãã‚ã€Œã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã«ãªã‚‹æ¨¡æ§˜ã§ã™ãŒã€ãã®ãŸã‚ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ãŒæƒ…å ±ã‚’ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§æ‰±ã†ã“ã¨ã‚’å¯èƒ½ã«ã™ã‚‹æ©Ÿèƒ½ãŒå……å®Ÿã—ã¦ãã‚Œãªã„ã¨ã„ã‘ã¾ã›ã‚“ã€‚ã„ã‚ã‚“ãªAPIã‚’çµ„ã¿åˆã‚ã›ã¦é§†ä½¿ã—ã¦ã„ã‘ã°ã€ç¾çŠ¶ã§ã‚‚ã§ããªã„ã“ã¨ã¯ãªã„ã§ã™ã€‚ã—ã‹ã—ã€ã‚‚ã¡ã‚ã‚“åƒ•ã‚‰ã¯æ‰‹è»½ã«ã‚ªãƒ•ãƒ©ã‚¤ãƒ³å¯¾å¿œWebã‚¢ãƒ—ãƒªã‚’ä½œã‚ŠãŸã„ã§ã™ã‚ˆãï¼ŸåŒæœŸå‡¦ç†ã‚„ç«¶åˆãªã©ã€è‡ªåˆ†ã§é¢å€’è¦‹ãŸãã¯èª°ã—ã‚‚ãªã„ã¯ãšã§ã™ã€‚ SyncFileSystem APIã¯ãã‚“ãªåƒ•ã‚‰ã®è¦æ±‚ã«å¿œãˆã¦ãã‚Œã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ã¾ã Chrome Canaryã§ã—ã‹è©¦ã›ã¾ã›ã‚“ãŒã€ãã®ä»•æ§˜ã®ãƒ‰ãƒ©ãƒ•ãƒˆã¯ã™ã§ã«å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã®ã§ã€å’Œè¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ å…ƒã®ä»•æ§˜ã®ãƒ‰ãƒ©ãƒ•ãƒˆã¯ã€ä»¥ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ SyncF
hasegawayosuke 2013/02/26
html5

javascript
ãƒªãƒ³ã‚¯
<link>: The External Resource Link element - HTML: HyperText Markup Language | MDN
hasegawayosuke 2012/12/31
html

html5

javascript

firefox
ãƒªãƒ³ã‚¯
Encoding Standard
Participate: GitHub whatwg/encoding (new issue, open issues) Chat on Matrix Commits: GitHub whatwg/encoding/commits Snapshot as of this commit @encodings Tests: web-platform-tests encoding/ (ongoing work) Translations (non-normative): æ—¥æœ¬èªž 1. Preface The UTF-8 encoding is the most appropriate encoding for interchange of Unicode, the universal coded character set. Therefore for new protocols and for
hasegawayosuke 2012/12/31
javascript

charset

firefox

html5
ãƒªãƒ³ã‚¯
WebPlatform Docs
WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free. This tool helps to make and review comments inline. How to Use insert instructions, with images, here Welcome to Web Platform Docs Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation. Even though Web Platf
hasegawayosuke 2012/10/09
html5

browser

javascript

css
ãƒªãƒ³ã‚¯
canvasã®getImageData(), toDataURL()ãªã©ã«ãŠã‘ã‚‹CORSã«ã¤ã„ã¦ - æ„›ã¨å‹‡æ°—ã¨ç¼¶ãƒ“ãƒ¼ãƒ«
åƒ•ã®canvasåŠ›ã¯ã„ã¾ã ä¸å¦ç”Ÿç”·åä¸¦ã¿ãªã®ã§ã€ãã‚‚ãã‚‚canvasã®ä¸€éƒ¨ã®APIã«Same Origin Policyçš„ãªã‚‚ã®ãŒé©ç”¨ã•ã‚Œã‚‹ã“ã¨ã™ã‚‰ä»Šæ—¥ã¾ã§çŸ¥ã‚‰ãªã‹ã£ãŸã®ã§ã™ãŒã€ã©ã†ã‚„ã‚‰ é•ã†ç”Ÿæˆå…ƒãŒsrcã«æŒ‡å®šã•ã‚Œã¦ã„ã‚‹imgã‚’putImageData -> ãã®æç”»é ˜åŸŸã‚’getImageDataã—ã‚ˆã†ã¨ã™ã‚‹ã¨DOM Exception ã¨ã„ã†æ„Ÿã˜ã«ã€æ™®é€šã«æ€’ã‚‰ã‚Œã¡ã‚ƒã†ã¿ãŸã„ã§ã™ãã€‚çŸ¥ã‚‰ã‚“ã‹ã£ãŸã€‚ http://www.w3.org/TR/cors/#use-cases â†‘ã®ã‚ãŸã‚Šã«æ›¸ã„ã¦ã‚ã‚‹ã®ã‚’ã¿ã‚‹ã¨ã€taintedãªcanvasã€ã¨ã„ã†ã®ã§ã™ã‹ãã€‚getImageDataã§åŒã˜ç”Ÿæˆå…ƒã‹ã‚‰èªã¿è¾¼ã‚“ã imgã®æç”»éƒ¨åˆ†ã‚’æŒ‡å®šã—ã¦ã‚‚æ€’ã‚‰ã‚Œãªã„ã‘ã©ã€é•ã†ç”Ÿæˆå…ƒã®ç”»åƒã‚’æç”»ã—ãŸéƒ¨åˆ†ã«å°‘ã—ã§ã‚‚ã‹ã‹ã£ã¦ã„ã‚‹ã¨æ€’ã‚‰ã‚Œã‚‹ã®ã§ã€canvasã£ã¦ãƒ”ã‚¯ã‚»ãƒ«ã”ã¨ã« "taintedã‹ã€ãã†ã§ãªã„ã‹" ã‚’ç®¡ç†ã—ã¦
hasegawayosuke 2012/09/06
ã¸ãƒ¼ã€‚çŸ¥ã‚‰ãªã‹ã£ãŸã€‚

canvas

javascript

html5
ãƒªãƒ³ã‚¯
FileSaver.js demo
The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C saveAs() FileSaver interface, without contacting any servers. Saving an image Saving text <form id="text-options"> <label>Filename: <input type="text" class="filename" id="text-filename" placeholder="a plain document"/>.txt</label> <input type="submit" value="Save"/> </for
hasegawayosuke 2012/01/06
"The following examples demonstrate how it is possible to generate and save any type of data right in the browser using the W3C saveAs() FileSaver interface, without contacting any servers."// Chromeã ã¨åå‰ã‚’ä»˜ã‘ã¦ä¿å˜ã€Firefox 10ã ã¨moz-filedata: scheme ã«ãªã‚‹ã€‚

javascript

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

javascript
ãƒªãƒ³ã‚¯
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
hasegawayosuke 2011/06/17
html5

javascript
ãƒªãƒ³ã‚¯
HTML5 Script Execution Changes in Firefox 4
In Firefox 4, script execution changed to be more HTML5-compliant than before. This means that in some cases sites that sniff for Firefox or Gecko may break. If you use LABjsâ€¦ You should update to LABjs 1.0.4 (or later). If you use the â€œorderâ€ plug-in for RequireJSâ€¦ You should update to RequireJS 0.15.0 (or later). If you use the multi-file version OpenLayersâ€¦ You should switch to the single-file
hasegawayosuke 2010/11/19
Firefox

html5

javascript
ãƒªãƒ³ã‚¯
Really. JavaScript
Really. JavaScript - Presentation Transcript Really. JavaScript. Douglas Crockford Yahoo! The Worldâ€™s Most Popular Programming Language The Worldâ€™s Most Popular Programming Language The Worldâ€™s Most Unpopular Programming Language Java Scheme Self LiveScript Java Scheme Self LiveScript JavaScript Java Scheme Self LiveScript JavaScript ECMAScript The web was a disappointment as an application delive
hasegawayosuke 2010/05/02
html5

javascript
ãƒªãƒ³ã‚¯
File API: Writer (W3C Working Draft 26 October 2010)
File API: Writer W3C Working Group Note 24 April 2014 This version: http://www.w3.org/TR/2014/NOTE-file-writer-api-20140424/ Latest published version: http://www.w3.org/TR/file-writer-api/ Latest editor's draft: http://dev.w3.org/2009/dap/file-system/file-writer.html Previous version: http://www.w3.org/TR/2012/WD-file-writer-api-20120417/ Editor: Eric Uhrhane, Google Copyright Â© 2014 W3CÂ® (MIT, ER
hasegawayosuke 2010/04/09
ã„ã‚ˆã„ã‚ˆï¼

javascript

html5
ãƒªãƒ³ã‚¯
WebSimpleDB API (W3C Working Draft 29 September 2009)
Indexed Database API 3.0 W3C Working Draft, 7 November 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241107/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ History: h
hasegawayosuke 2010/03/18
html5

javascript
ãƒªãƒ³ã‚¯
Using files from web applications - Web APIs | MDN
Using the File API, web content can ask the user to select local files and then read the contents of those files. This selection can be done by either using an HTML <input type="file"> element or by drag and drop.
hasegawayosuke 2010/02/26
html5

javascript
ãƒªãƒ³ã‚¯
Ajaxian
The Death of Third-Party Cookies: Whatâ€™s Next for Intent-Based Digital Advertising?
hasegawayosuke 2010/01/14
Flash runtime implemented in pure Javascript and HTML5 http://paulirish.com/work/gordon/demos/ http://github.com/tobeytailor/gordon/

javascript

swf

html5
ãƒªãƒ³ã‚¯
W3C FileAPI in Firefox 3.6 â€“ Mozilla Hacks - the Web developer blog
Often, web applications will prompt the user to select a file, typically to upload to a server. Unless the web application makes use of a plugin, file selection occurs through an HTML input element, of the sort <input type="file"/>. Firefox 3.6 now supports much of the W3C File API, which specifies the ability to asynchronously read the selected file into memory, and perform operations on the file
hasegawayosuke 2009/12/10
Firefox

html5

javascript
ãƒªãƒ³ã‚¯
File API (W3C Working Draft 26 October 2010)
File API W3C Working Draft, 4 December 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-FileAPI-20241204/ Latest published version: https://www.w3.org/TR/FileAPI/ Editor's Draft: https://w3c.github.io/FileAPI/ Previous Versions: https://www.w3.org/TR/2024/WD-FileAPI-20241122/ History: https://www.w3.org/standards/history/FileAPI/ Feedback: GitHub Inline In Spec Edi
hasegawayosuke 2009/12/02
javascript

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