[JavaScript] postMessageã§ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸é€šä¿¡ - Qiita
原則ã€JavaScriptã§ã¯ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³é–“ã®Ajax通信ã¯ã§ãã¾ã›ã‚“。ã¤ã¾ã‚Šã€è‡ªã‚µã‚¤ãƒˆã‹ã‚‰ä»–サイトã®ãƒ‡ãƒ¼ã‚¿ã‚’å–å¾—ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。 HTML5ã§ã¯ã€ç•°ãªã‚‹ãƒ‰ãƒ¡ã‚¤ãƒ³é–“ã§ã‚‚安全ã«ãƒ‡ãƒ¼ã‚¿ã‚’ã‚„ã‚Šå–ã‚Šã§ãるよã†ã€postMessage ãŒç”¨æ„ã•ã‚Œã¾ã—ãŸã€‚（両ドメインã®ã‚µã‚¤ãƒˆãŒ postMessage を実装ã—ã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ï¼‰ コード例 基準サイトã‹ã‚‰å¤–部サイトã¸ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’投ã’ã¦ã€è¿”ä¿¡ã‚’å—ã‘å–ã‚‹å ´åˆã®ã‚³ãƒ¼ãƒ‰ä¾‹ã§ã™ã€‚外部サイト㮠window オブジェクトを必è¦ã¨ã™ã‚‹ãŸã‚ã€iframe ã¨ä½µç”¨ã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„よã†ã§ã™ã€‚ ＜基準サイトå´ï¼ž <!-- 外部サイトã¸ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’投ã’ã‚‹ãŸã‚ã®iframe --> <iframe id="ifrm" src="http://外部サイト.com/xxx.html" style="display:none;"></iframe> <script typ
![[JavaScript] postMessageã§ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸é€šä¿¡ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/d34a71cff31750693a10914780cd8109dfce478f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzY3NTElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODcxODc_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9YmExNTY3ZTlkNmFiZGJhZGRmZTNkMzExNzczMDY5ODU%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D99fc2c9611a89cd3b6973298de710c6e%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCSmF2YVNjcmlwdCU1RCUyMHBvc3RNZXNzYWdlJUUzJTgxJUE3JUUzJTgyJUFGJUUzJTgzJUFEJUUzJTgyJUI5JUUzJTgzJTg5JUUzJTgzJUExJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgzJUExJUUzJTgzJTgzJUUzJTgyJUJCJUUzJTgzJUJDJUUzJTgyJUI4JUU5JTgwJTlBJUU0JUJGJUExJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9YjM4OTVjM2I2NjVhYTRkZWExNzZkMTk4NmEyYTE3Zjk%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB5YXN1bW9kZXYmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz01MGJiMTA5NzhjNmVmMGUzMDhjZDk3M2Y2YWI4MGVjNw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D6695cff07fec06ec5ac3d9567ddd61a9)
localStorageã®storageイベントã®ã‚¿ã‚¤ãƒ—判定 - Qiita
localStorageã«ã¯storageã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆãŒã‚り，localStorageã«å¤‰æ›´ãŒã‚ã£ãŸå ´åˆã«ç™ºç«ã—ã¾ã™ ã“ã®storageイベントã¯localStorageを変更ã—ãŸãƒ‰ã‚ュメント以外ã®ï¼ŒåŒã˜localStorageを共有ã—ã¦ã„ã‚‹window(タブ)ã§ç™ºç«ã—ã¾ã™ã€‚ å¤‰æ›´ã‚’åŠ ãˆãŸãƒ‰ã‚ュメント内ã§ã¯ä½•ã‚‚èµ·ãã¾ã›ã‚“。 storageイベントã®eventオブジェクトã®ãƒ—ãƒãƒ‘ティã«ã¯localStorageã«ã©ã‚“ãªå¤‰æ›´ã‚’åŠ ãˆãŸã‹ã®æƒ…å ±ãŒãªã„ã®ã§ï¼Œãƒ—ãƒãƒ‘ティã®å€¤ã‹ã‚‰åˆ¤å®šã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚（ã‚るよã？） storageイベントãŒç™ºç«ã™ã‚‹ã‚¿ã‚¤ãƒŸãƒ³ã‚° storageイベントã¯localStorageã«å¤‰æ›´ãŒåŠ ãˆã‚‰ã‚ŒãŸã¨ãã«ã ã‘発ç«ã—ã¾ã™ã€‚変更ãŒãªã„å ´åˆã«ã¯ç™ºç«ã—ã¾ã›ã‚“。 実行ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã¨çŠ¶æ³ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆç™ºç«ã®æœ‰ç„¡ メソッド çŠ¶æ³ ã‚¿ã‚¤ãƒ— イベント発ç«
ã„ã¾ã•ã‚‰èžã‘ãªã„Retina対応ã®ãŸã‚ã®ã€Œãƒ”クセルã€ã®è©±
ピクセル密度ã¨ãƒ”クセル比ã®é–¢ä¿‚ ピクセル密度ã¯ã€æ•°ãŒå¤šã‘ã‚Œã°å¤šã„ã»ã©ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ä¸Šã§é®®æ˜Žãªæç”»ãŒã§ãã‚‹ã‚ã‘ã§ã™ãŒã€ä¸Šè¿°ã—ãŸãƒ”クセル比ã¨ã¯ç›´æŽ¥é–¢é€£ã—ãªã„ã‚‚ã®ã§ã™ï¼ˆã¨è€ƒãˆã¦ã„ã¾ã™ï¼‰ã€‚ãŸã¨ãˆã°ã€Galaxy S IVã®ã‚ˆã†ã«ãƒ”クセル密度ã¯441ppiã€ãƒ”クセル比ã¯2ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Œã°ã€HTC Oneã®ã‚ˆã†ã«ã€ãƒ”クセル密度ã¯468ppiã ãŒã€ãƒ”クセル比ã¯3ã¨ã„ã†ç«¯æœ«ã‚‚ã‚ã‚Šã¾ã™ã€‚ ※両方ã¨ã‚‚実機ã§æ¤œè¨¼ã—ãŸã‚ã‘ã§ã¯ãªã„ã®ã§ã€Wikipediaã®æƒ…å ±ãŒæ£ã—ã‘ã‚Œã°ã®è©±ã§ã™ãŒã€‚ ※ピクセル比ã¨ã¯é•ã†ã‚‚ã®ã§ã™ãŒã€ãã‚Œã¨ä¼¼ãŸå˜ä½ã§ã‚ã‚‹dppx (dots per pixel unit)ã§ã¯ã€CSSã§å®šç¾©ã•ã‚ŒãŸ1インãƒãŒ96pxã«ãªã‚‹ãŸã‚ã€1dppx = 96dpiã«ãªã‚Šã¾ã™ã€‚ ピクセル比ã«ä¼¼ãŸå€¤ã€Œdpã€ã¨window.devicePixelRatio Androidã®å¯†åº¦éžä¾å˜ãƒ”クセル「dp〠Density-i
検索ã˜ã‚ƒå¦ã¹ãªã„ï¼ HTML/CSS/JavaScriptã®æ°—ã¥ãTipsã¾ã¨ã‚31ã“ | _level0 -Kayac Interactive Designer's Blog-
検索ã˜ã‚ƒå¦ã¹ãªã„ï¼ HTML/CSS/JavaScriptã®æ°—ã¥ãTipsã¾ã¨ã‚31ã“ HTMLファイ部ã®ã»ã‚“ã ã§ã™ã€‚ æ°—ã¥ãTipsï¼ Î£(・ãƒãƒ») カヤックã®ä¸ã§ã‚‚HTML5ã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…を担当ã™ã‚‹ エンジニアを集ã‚ãŸéƒ¨ç½²ã€ŒHTMLファイ部ã€ã§ã¯ã€ 制作ã«ã‚ãŸã£ã¦ã¯ã¾ã£ãŸã“ã¨ã‚„ã€æ°—ã¥ã„ãŸã“ã¨ã‚’メモ的ã«è“„ç©ãƒ»å…±æœ‰ã—ã¦ã„ã¾ã™ã€‚ 通常ã¯ã€ 1. 制作ã§ä½•ã‹ã‚ã‹ã‚‰ãªã„ã“ã¨ãŒã§ãŸ â–¼ 2. Googleç‰ã§æ¤œç´¢ã—ã¦è§£æ±ºã®ç³¸å£ã‚’ã•ãŒã™ â–¼ 3. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ ã¨ã„ã†ãƒ•ãƒãƒ¼ã§ã‚¹ã‚ルアップã—ã¦ã„ãã“ã¨ãŒã‚‚ã£ã±ã‚‰ã ã¨æ€ã†ã®ã§ã™ãŒã€ å¦ã³ã‚’増やã—ã¦ã„ããŸã‚ã«ã¯é•ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã‚‚å¿…è¦ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ カヤックHTMLファイ部ã§ã¯ã€ 1. ã¿ã‚“ãªã§è“„ç©ã—ãŸTipsã‚’ã–ãã£ã¨èªã‚€ â–¼ 2. ã“ã‚“ãªæ–¹æ³•ãŒã‚ã£ãŸã®ã‹ã€œ ã¨æ°—ã¥ãã‚’å¾—ã‚‹ â–¼ 3. 制作ã®éš›ã«å°Žå…¥ã—ã¦ã„ã
ä¸‰ç« ç¬¬å››å›žã€€ã‚¤ãƒ™ãƒ³ãƒˆã‚ャプãƒãƒ£ãƒªãƒ³ã‚° — JavaScriptåˆç´šè€…ã‹ã‚‰ä¸ç´šè€…ã«ãªã‚ㆠ— uhyohyo.net
ä¸‰ç« ç¬¬å››å›žã€€ã‚¤ãƒ™ãƒ³ãƒˆã‚ャプãƒãƒ£ãƒªãƒ³ã‚°ã“ã®ãƒšãƒ¼ã‚¸ã®æœ€çµ‚更新日：2017å¹´8月17æ—¥ ã„ããªã‚Šã§ã™ãŒã€æ¬¡ã®ã‚µãƒ³ãƒ—ルを見ã¦ãã ã•ã„。 <!doctype html> <html> <head> <title>test</title> </head> <body> <div id="aaa"> <p onclick="console.log('p');">test</p> </div> <script type="text/javascript"> var div = document.getElementById('aaa'); div.addEventListener('click',function(){ console.log('div'); }, true); </script> </body> </html> pè¦ç´ ã«onclick属性ãŒã¤ã„ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€scriptè¦ç´ 内ã§ã¯ã€å¤‰
Touch Events version 1 (W3C Proposed Recommendation 09 May 2013)
Touch Events W3C Recommendation 10 October 2013 This version: http://www.w3.org/TR/2013/REC-touch-events-20131010/ Latest published version: http://www.w3.org/TR/touch-events/ Latest editor's draft: http://dvcs.w3.org/hg/webevents/raw-file/v1/touchevents.html Previous version: http://www.w3.org/TR/2013/PR-touch-events-20130509/ Editors: Doug Schepers, W3C Sangwhan Moon, Opera Software ASA Matt Bru
タッãƒãƒ‡ãƒã‚¤ã‚¹ã‚’指ã§å¿«é©ã«æ“作ã•ã›ã‚‹ãŸã‚ã«
タッãƒãƒ‡ãƒã‚¤ã‚¹ã®UIã®ç‰¹å¾´ã¨ãã®ç™–ã‹ã‚‰ã€HTML5ã®Webアプリã§UXを実ç¾ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã€Webã§ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆä»•æ§˜ã‚’見ã¦ã¿ã‚ˆã†ã€‚ å‰ç·¨ã®ã‚¿ãƒƒãƒUXを実ç¾ã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã§ã¯ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã®ç‰¹å¾´ã¨ã€ãã®ä¸Šã§ã‚¿ãƒƒãƒUXを実ç¾ã™ã‚‹7ã¤ã®ãƒã‚¤ãƒ³ãƒˆã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã—ãŸã€‚後編ã§ã¯ã€ãã®ã‚ˆã†ãªUXを実ç¾ã™ã‚‹ãŸã‚ã«Webアプリã§ã®ã‚¿ãƒƒãƒä»•æ§˜ã‚„ã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã€ä»Šå¾Œã®å‹•å‘ãªã©ã€ã‚ˆã‚ŠæŠ€è¡“çš„ãªé¢ã‹ã‚‰è§£èª¬ã—ã¾ã™ã€‚ W3Cã«ã‚ˆã‚‹ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆã®æ¨™æº–化 Webアプリケーションå‘ã‘ã®ã‚¿ãƒƒãƒã‚¤ãƒ™ãƒ³ãƒˆä»•æ§˜ã¯W3Cã«ã‚ˆã£ã¦æ¨™æº–化ãŒé€²ã‚られã¦ã„ã¦ã€åŸ·ç†æ™‚（2012/10/20 ç¾åœ¨ï¼‰ã®æ®µéšŽã§ã€å‹§å‘Šå€™è£œã¨ãªã£ã¦ã„ã¾ã™ï¼ˆæœ€æ–°ã®ã‚‚ã®ã¯W3Cã®æ˜Žç¤ºã™ã‚‹ã€ŒTouch Events version 1ã€ã‚’確èªã—ã¦ãã ã•ã„）。ã¾ã 仕様ã¯ç¢ºå®šã—ã¦ã„ã¾ã›ã‚“ãŒã€æœ€æ–°ã®iOSã€Androidã®ãƒ–ラウザã§ã»ã¼ä»•æ§˜é€šã‚Šã®ã‚‚ã®ãŒä½¿ç”¨ã§ãã¾ã™ã€‚タッ
KSKソフトウェアテストソリューション | å“質を追求ã™ã‚‹ã€‚ä¿¡é ¼ã§ãるソフトウェアテストパートナー
ã“ã‚Œã¾ã§ä¸»ã«é‡‘èžæ¥ã®ãŠå®¢æ§˜ã«å¯¾ã—ã€Web・モãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発ã«ãŠã‘ã‚‹ å“質ä¿è¨¼ã‚„ã‚»ã‚ュリティã®åˆ†é‡Žã§æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’支æ´ã—ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã‚’基ã«ã€ãŠå®¢æ§˜ã®ãƒ‹ãƒ¼ã‚ºã«å¯„ã‚Šæ·»ã£ãŸæœ€é©ãª ソフトウェアテストソリューションã§è²´ç¤¾ã®æŠ±ãˆã‚‹ã€Œå“質課題ã€ã‚’解決ã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§ä¸»ã«é‡‘èžæ¥ã®ãŠå®¢æ§˜ã«å¯¾ã—〠Web・モãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発ã«ãŠã‘ã‚‹ å“質ä¿è¨¼ã‚„ã‚»ã‚ュリティã®åˆ†é‡Žã§ 様々ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’支æ´ã—ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã‚’基ã«ã€ ãŠå®¢æ§˜ã®ãƒ‹ãƒ¼ã‚ºã«å¯„ã‚Šæ·»ã£ãŸæœ€é©ãª ソフトウェアテストソリューション㧠貴社ã®æŠ±ãˆã‚‹ã€Œå“質課題ã€ã‚’解決ã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§ä¸»ã«é‡‘èžæ¥ã®ãŠå®¢æ§˜ã« 対ã—ã€Web・モãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発㫠ãŠã‘ã‚‹å“質ä¿è¨¼ã‚„ã‚»ã‚ュリティ㮠分野ã§æ§˜ã€…ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ 支æ´ã—ã¦ãã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã‚’基ã«ã€ ãŠå®¢æ§˜ã®ãƒ‹ãƒ¼ã‚ºã«å¯„ã‚Šæ·»ã£ãŸ 最é©ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ†ã‚¹ãƒˆ ソリ
S3上ã®ç”»åƒã‚’CORSを利用ã—ã¦Canvasã§ä½¿ã† - Tech-Sketch
Amazon S3ã§Cross-Origin Resource Sharing(CORS)ã¨ã„ã†ã‚‚ã®ãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ãŸã‚ˆã†ãªã®ã§ã€ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã§å–å¾—ã—ãŸç”»åƒã‚’Canvasã§åˆ©ç”¨ã™ã‚‹ç›®çš„ã§å®Ÿéš›ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ Cross Origin Resource Sharingã£ã¦ãªã‚“ã ã‚ㆠブラウザã§ã¯ã‚»ã‚ュリティã®ãŸã‚ã«Same Origin Policyã«ã‚ˆã£ã¦ã€ä»–ã®ã‚ªãƒªã‚¸ãƒ³(プãƒãƒˆã‚³ãƒ«ã¨ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ãƒãƒ¼ãƒˆç•ªå·ã®çµ„)ã¸ã®ãƒ‡ãƒ¼ã‚¿é€å—信を原則ç¦ã˜ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚»ã‚ュリティ上ã®åˆ¶é™ã‚’回é¿ã™ã‚‹ã®ã«ã¯ä¸€èˆ¬çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ–¹å¼ãŒã‚ã‚Šã¾ã™ã€‚ ReverseProxy ( éŽåŽ»ã®tech-sketch ) JSONP ã“ã‚Œã«åŠ ãˆã¦CORSã¨ã„ã†æ‰‹æ³•ãŒæ案ã•ã‚Œã¦æ¨™æº–化ã•ã‚Œã‚‹æ–¹å‘ã«å‘ã‹ã£ã¦ãŠã‚Šã€è¨˜äº‹ã‚’書ã„ã¦ã„る時点ã§ã¯å‹§å‘Šå€™è£œã®ã‚ˆã†ã§ã™ã€‚ CORSã«ã‚ˆã£ã¦ã€è‡ªåˆ†ã®Webアプリケーションã§ä»–ã®ã‚ªãƒªã‚¸ãƒ³
The web's scaffolding tool for modern webapps | Yeoman
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
Learn web development  | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
Cookie(クッã‚ー)ã®å±Šã範囲 (ã‚ã„ã¾ã„モード)
CookieãŒå±Šã範囲をå†ç¢ºèª 別ã®ãƒšãƒ¼ã‚¸ã§Cookieã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸãŒã€ 実際Cookieを利用ã—ãŸãƒ—ãƒã‚°ãƒ©ãƒ を作るã¨ç–‘å•ã«æ€ãˆã‚‹ã“ã¨ã‚‚出ã¦ãã¾ã™ã€‚ ãã®ä¸€ã¤ã¨ã—ã¦ã€CookieãŒå±Šã範囲ã¯ï¼Ÿã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 発行ã•ã‚ŒãŸã‚µãƒ¼ãƒãƒ¼ï¼ˆãƒ›ã‚¹ãƒˆï¼‰ã«è¿”ä¿¡ã•ã‚Œã‚‹ã¨ã„ã†ã®ãŒåŸºæœ¬ã§ã™ãŒã€ Cookieã®ä»•æ§˜ã«ã¯ã€Œdomainã€ã‚„「pathã€ã¨ã„ã†ã®ãŒã‚ã£ãŸã®ã‚’覚ãˆã¦ã¾ã™ã§ã—ょã†ã‹ï¼Ÿ （ãªã«ãれ？ã¨ã„ã†æ–¹ã¯ä¸‹è¨˜ã®W3Cã®RFCã‹å‰å›žã®è§£èª¬ã‚’ã©ã†ãžã€ã€ã€ï¼‰ Cookieã®ä»•æ§˜ã¯ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’ã©ã†ãžãƒ»ãƒ»ãƒ» W3C (RFC 2109)HTTP State Management Mechanism Netscape HTTP Cookies Cookieã®è©³ç´°ã«ã¤ã„ã¦ã¯ä¸Šã®ãƒªãƒ³ã‚¯ã§ç¢ºèªã—ã¦ã„ãŸã ãã¨ã—ã¦ã‚‚〠実際ã«ãƒ—ãƒã‚°ãƒ©ãƒ を書ãå ´åˆã«ã©ã†ã‚„ã£ã¦ä½¿ã†ã®ï¼Ÿã¨ã„ã†å ´é¢ã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚ 自分もCookie
Androidã‚„iPhoneã®HTML,CSS,JavaScriptã®ãƒã‚°ã¾ã¨ã‚
Androidã‚„iPhoneã®HTML,CSS,JavaScriptã®ãƒã‚°ã¾ã¨ã‚ Androidã‚„iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯HTML,CSS,JavaScriptã«ãƒã‚°ãŒå¤šãã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒå¤§å¤‰ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ãƒã‚°ã‚’紹介ã—ã¦ã„るサイトã€è¨˜äº‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚(ä¸ã«ã¯ãƒã‚°ã§ã¯ãªã仕様ãªã‚‚ã®ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“) iOS 8.4.1ã®:hoverå•é¡Œ iOS 8.4.1ã§:hoverを指定ã—ã¦ã„ã‚‹ã¨1タップã§ãƒšãƒ¼ã‚¸é·ç§»ã§ããªã„å•é¡Œ ã€STINGER5】Androidã®Chromeã§ï¼†nbsp;ãŒã€Œãƒ»ã€ã«ãªã£ã¦ã‚‹æ°—ãŒã™ã‚‹ | ビビビッ ã‚’ ã«å¤‰æ›´ã™ã‚‹ã¨ç›´ã‚‹ã¨ã®ã“ã¨ã€‚ Mobile Safari 8ã§position: fixedã—ãŸæ“¬ä¼¼è¦ç´ ãŒå®Œå…¨ã«ä½ç½®ãŒå›ºå®šã•ã‚Œãªã„ - Weblog - Hail2u.net Mobile Safari 8ã§position:
感想： 体系的ã«å¦ã¶ 安全ãªWebアプリケーションã®ä½œã‚Šæ–¹ - penultã®æ—¥è¨˜
èªã‚“ã§ã¾ã™ã€‚ 体系的ã«å¦ã¶ 安全ãªWebアプリケーションã®ä½œã‚Šæ–¹ 脆弱性ãŒç”Ÿã¾ã‚Œã‚‹åŽŸç†ã¨å¯¾ç–ã®å®Ÿè·µ 作者: 徳丸浩出版社/メーカー: SBクリエイティブ発売日: 2011/03/01メディア: å˜è¡Œæœ¬è³¼å…¥: 119人 クリック: 4,283回ã“ã®å•†å“ã‚’å«ã‚€ãƒ–ãƒã‚° (146件) を見る ã¾ã 途ä¸ã ã‘ã©ã€ä¸»ã«Java/Tomcatユーザã¨ã—ã¦ã®å‚™å¿˜ãƒ¡ãƒ¢ã€‚ãŸã ã—ã€ã‚»ã‚ュリティã®å°‚門家ã§ã‚‚何ã§ã‚‚ãªã„ã®ã§é–“é•ã„ã¯å¤§ã„ã«ã‚ã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ HttpOnly 属性ã®æŒ‡å®šï¼ˆp.103） Tomcat ã§ã¯ã€Tomcat7以é™ï¼ˆServlet 3.0以é™ï¼‰ãªã‚‰å˜ç´”ã« web.xml ã‹ web-fragment.xml ã« <session-config> <cookie-config> <http-only>true</http-only> </cookie-config> </session-confi
iPhoneã®Safariã®åˆ¶é™å†…容 - WEBる。
ç›´è¿‘ã®æ¡ˆä»¶ã§iPhoneãŒã‚‰ã¿ã®ã‚‚ã®ãŒã‚ã‚Šã„ã‚ã„ã‚調ã¹ã¦ã„ãŸã‚‰åˆ¶é™äº‹é …ãŒã‚„ã£ã±ã‚Šã„ã‚ã„ã‚ã¨ã‚ã‚‹ã¿ãŸã„ãªã®ã§åˆ—挙ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ・GIFã€PNGã€TIFFç”»åƒã®ãƒ‡ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ã‚ºåˆ¶é™ã¯2メガピクセル。 ã¤ã¾ã‚Šã€width × height ≤ 2 × 1024 × 1024 ã§ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“。 ・サブサンプリングã§åœ§ç¸®ã•ã‚ŒãŸJPGã®ãƒ‡ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ã‚ºã¯32メガピクセルã¾ã§OK。 サブサンプリングã§åœ§ç¸®ã™ã‚Œã°ã€ã‚µã‚¤ã‚ºãŒ16分ã®1ã«ãªã‚Šã¾ã™ã€‚ デジカメã®å†™çœŸã‚’大ãã„ã¾ã¾è¡¨ç¤ºã•ã›ãŸã„å ´åˆã¯ã€ã“ã¡ã‚‰ãŒã‚ˆã„ã§ã—ょã†ã€‚ ・アニメーションGIFã®ãƒ‡ã‚³ãƒ¼ãƒ‰ã‚µã‚¤ã‚ºã¯2MBã¾ã§ã€‚ ãれより大ãã„ã‚‚ã®ã¯æœ€åˆã®ãƒ•ãƒ¬ãƒ¼ãƒ ã ã‘ã—ã‹è¡¨ç¤ºã•ã‚Œã¾ã›ã‚“。 ・canvasè¦ç´ ã¯2MBã¾ã§ã€‚ 大ãã•æŒ‡å®šãªã—ã ã¨150×300ピクセルã¨ãªã‚Šã¾ã™ã€‚ ・HTMLã€CSSã€JavaScriptã€ã‚¹ãƒˆãƒªãƒ¼ãƒŸãƒ³ã‚°ãªã—ã®ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ•ã‚¡ã‚¤ãƒ«ç‰
ã‚½ãƒ‹ãƒƒã‚¯é€Ÿå ±
マッãƒãƒ³ã‚°ã‚¢ãƒ—リ女「ãŠä»•äº‹ä½•ã—ã¦ã‚‹ã‚“ã§ã™ã‹ãƒ¼ï¼Ÿã€åƒ•ã€Œãƒ‰ãƒ¼ãƒŠãƒ„屋ã•ã‚“ã§è²©å£²ã—ã¦ã¾ã™ã‚ˆã€å¥³ã€Œâ€¦ãã†ãªã‚“ã§ã™ã…ã€
ã“ã®JavaScriptフレームワークã§HTML5ã¯æ•‘ã‚れるã‹ã‚‚ã—ã‚Œãªã„ | readwrite.jp
HTML5ã¯ã‚¦ã‚§ãƒ–・ページをアプリã®ã‚ˆã†ã«å‹•ã‹ã—ã€ãã—ã¦Flashã«å–ã£ã¦ä»£ã‚ã‚‹ã¯ãšã ã£ãŸã€‚ã—ã‹ã—パフォーマンスã®å•é¡Œã§ã€ã‚¢ãƒ—リ開発者ã®HTML5å°Žå…¥ã¯é…ã‚Œã¦ã—ã¾ã£ã¦ã„る。 Famo.us社ã¯ã“ã®ã‚®ãƒ£ãƒƒãƒ—を埋ã‚ã‚‹ãŸã‚ã«ã‚¹ã‚¿ãƒ¼ãƒˆã—ãŸå°ã•ãªä¼šç¤¾ã 。åŒç¤¾ã¯2Dã¨3Dã®ä¸¡æ–¹ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’高速表示ã™ã‚‹ãŸã‚ã€HTML5ã®é…延è¦ç´ を本質的ã«å›žé¿ã™ã‚‹ç‹¬è‡ªã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを開発ã—ãŸã€‚ã“ã®Famo.usã«ã‚ˆã£ã¦ã€é–‹ç™ºè€…ã¯HTML5ã®ãƒ‘フォーマンスã®å•é¡Œã«è‹¦ã—ã‚€ã“ã¨ãªãã€ã‚ˆã‚ŠçŸæœŸé–“ã§ã‚¯ãƒã‚¹ãƒ—ラットフォームã®ã‚¢ãƒ—リを開発ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã¨ãªã£ãŸã®ã 。 Famo.usã®ç§˜å¯†ã¯JavaScriptを利用ã—ã¦ã„ã‚‹ã“ã¨ã 。JavaScriptã¯æ¥µã‚ã¦é«˜é€Ÿã«å‹•ä½œã—ã€æ—¢ã«ã‚らゆるブラウザã§åºƒã使ã‚ã‚Œã¦ã„る。Flashã¨ã¯ç•°ãªã‚Šã€ãƒ–ラウザ・プラグインをユーザーãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸã‚Šã€ãƒ–ラウザメーカーãŒãれをサãƒãƒ¼ãƒˆã™ã‚‹å¿…è¦ã‚‚ãªã„。
HTML5 Canvasã‚’IEã«ã‚‚対応ã•ã›ã‚‹é”法excanvasã®ä½¿ã„æ–¹ | DECONCEPTER
HTML5ãŒflashã®ä»£ã‚ã‚Šã«ãªã‚‹ã¨è€ƒãˆã‚‰ã¦ã—ã¾ã†ä¸€ç•ªã®è¦å› ã¨ã—ã¦canvasã‚¿ã‚°ã¨JavaScriptAPIã®å˜åœ¨ãŒæŒ™ã’られã¾ã™ã€‚ ã¾ãšã“ã®canvasã‚¿ã‚°ãŒé€šå¸¸ã§ã¯IE8ã¾ã§ä½¿ãˆãªã„ã“ã¨ã‚’ディレクターやプランナーã¯æ³¨æ„ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 完全å†ç¾ã¨ã¾ã§ã¯è¡Œãã¾ã›ã‚“ãŒã€GoogleãŒå…¬é–‹ã—ã¦ã„ã‚‹explorercanvasã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを使ã†ã¨IEã§ã‚‚canvasãŒä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚試ã—ã«ä½¿ã£ã¦ã¿ã¾ã—ょã†ã€‚ ã“ã“ã§å¼·ã主張ã—ã¾ã™ãŒã€ã‚‚ã—canvasをリッãƒã«ä½¿ã„ãŸã„ã¨ãã¯IE8以下を切りæ¨ã¦ã‚‹æ案をã™ã‚‹ã“ã¨ãŒæ‡¸å‘½ã§ã™ã€‚ excanvas.jsをダウンãƒãƒ¼ãƒ‰ explorercanvas – HTML5 Canvas for Internet Explorer – Google Project Hosting ã¾ãšã¯Googleã®ã‚µã‚¤ãƒˆã¸è¡Œãã€ãƒ©ã‚¤ãƒ–ラリをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚20
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
window.devicePixelRatio change listener
IBM Developer
{{#tags}}- {{label}}
{{/tags}}