http://plus.appgiga.jp/masatolan/2016/07/28/57124/
JavaScript ã§ç”»åƒã‚’リサイズã™ã‚‹æ–¹æ³• - ボクココ
ã©ã‚‚ã€@kimihom ã§ã™ã€‚ å‰å›žã®è¨˜äº‹ã§ç”»åƒã®ãƒªã‚µã‚¤ã‚ºã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã£ã¦è©±ã ã£ãŸã‚“ã ã‘ã©ã€èª¿ã¹ã¦ã¿ã‚‹ã¨ Canvas ã§ãƒªã‚µã‚¤ã‚ºã¾ã§ã§ãã¦ã—ã¾ã†ã¨ã„ã†è¡æ’ƒã®äº‹å®ŸãŒåˆ¤æ˜Žã—ã€ãã‚Œã§ç°¡å˜ã«ãƒªã‚µã‚¤ã‚ºã‚’実装ã§ãã¦ã—ã¾ã£ãŸã€‚ ã¾ãŸã‚‚ã‚„ HTML5 ã®æŠ€è¡“ã«é©šã‹ã•ã‚Œã‚‹ã“ã¨ã«ãªã£ãŸã®ã§ã€ã“ã“ã«è¨˜ã™ã€‚ JavaScript ã§ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã®ãŒç†æƒ³çš„ã§ã‚ã‚‹ç†ç”± ã¾ãšä½•æ•… JavaScript å´ã§ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã®ãŒã„ã„ã®ã‹ã¨ã„ã†ã¨ã€ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰æ™‚ã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯è² è·ãŒåŠ‡çš„ã«ä¸‹ã’られるã‹ã‚‰ã 。サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ãƒªã‚µã‚¤ã‚ºã™ã‚‹ã¨ãªã‚‹ã¨ã€ã¾ãšãã®ã§ã‹ã„ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„。ã“ã®æ™‚点ã§é‡ã„ç”»åƒã ã¨ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã«æ•°ç§’ã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ ã“れを JavaScriptã€ã¤ã¾ã‚Šãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ãƒªã‚µã‚¤ã‚ºã§ãã‚Œã°ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯è² è·ã‚’抑ãˆã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã 。ã“れも HTML5 ã‹ã‚‰ç™»å ´ã—㟠Canvas ã®ãŠã‹ã’
ãŠç–²ã‚Œã•ã¾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ã®ä»£ã‚ã‚Šã«ä½¿ã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ç¾æ™‚点ã§å®Ÿè£…ã—
localStorageã§è¤‡æ•°ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ ｜ Tips Note by TAM
localStorageã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹å ´åˆã€1ã¤ã®ã‚ー（key）ã«å¯¾ã—ã¦1ã¤ã®ãƒ‡ãƒ¼ã‚¿ã—ã‹ä¿å˜ã§ãã¾ã›ã‚“ãŒã€ 複数ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ãƒ»å–å¾—ã—ãŸã„ã¨ãã®æ–¹æ³•ã‚’ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ localStorageã¯ã€cookieã®ã‚ˆã†ã«ãƒ‡ãƒ¼ã‚¿ã‚’ブラウザã§æ°¸ç¶šçš„ã«ä¿å˜ã§ãる仕組ã¿ã§ã€ データã¯ã€ã‚ー（key）ã¨å€¤ï¼ˆvalue）ã®çµ„ã¿åˆã‚ã›ã§ä¿å˜ã•ã‚Œã¾ã™ã€‚ â—ä¿å˜æ–¹æ³• localStorageã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹ã«ã¯ã€setItem()メソッドを使ã„ã¾ã™ã€‚ localStorage.setItem(key, value);　//keyã¨valueをペアã«ã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ â—å–得方法 localStorageã‹ã‚‰ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã«ã¯ã€getItem()メソッドを使ã„ã¾ã™ã€‚ localStorage.getItem(key);　　//keyã«å¯¾å¿œã™ã‚‹valueã‚’å–å¾— â—複数データã®ä¿å˜ localStorageã«
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}