JavaScriptã§ãƒ•ã‚¡ã‚¤ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡¦ç†ã‚’実ç¾ã™ã‚‹ - Qiitaã¯ã˜ã‚㫠モダンブラウザãªã‚‰JavaScriptã§ãƒ•ã‚¡ã‚¤ãƒ«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å‡¦ç†ã‚’実ç¾ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚SPA(シングルページアプリケーション)ãªã©ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã«ãƒ‡ãƒ¼ã‚¿ã‚’æŒã¤ã‚ˆã†ãªã‚¢ãƒ—リケーションã§ã‚ã‚Œã°ã‚µãƒ¼ãƒã‚¢ã‚¯ã‚»ã‚¹ãªã—ã«ãƒ¡ãƒ¢ãƒªã®å†…容ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’生æˆã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 実装方法 やり方㯠リンクã®HTML5ã®download属性を使用ã—ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«åã‚’è¨å®š File APIã®Blobを使用ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ä½œæˆ window.URL.createObjectURLã§Blobã‹ã‚‰URLを生æˆã—ãれをリンク先ã«è¨å®š ã¨ã™ã‚‹ã ã‘ã§ã™ã€‚ã“ã‚Œã§Chromeã¨FireFoxã¯ã„ã‘ã¾ã™(download属性ã®ãƒ–ラウザ実装状æ³ã‚’見るã¨ã‚’見るã¨ã€è©¦ã›ã¦ã„ãªã„ã§ã™ãŒEdgeã¨Operaã‚‚ã„ã‘ãã†)ã€‚åŠ ãˆã¦IEをサãƒãƒ¼ãƒˆã™ã‚‹å ´åˆã¯ã€IE10/11ã§ã‚ã‚Œã°window.navigato
{{#tags}}- {{label}}
{{/tags}}