[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
ズルã„デザインテクニック2013 + セミフラット version
[大阪] プãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘デザイン勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ http://connpass.com/event/3086/ --- [ã‚ã‚ã›ã¦èªã¿ãŸã„] KSSã§ä½œã‚‹ãƒ‘ターンライブラリ by @machida https://speakerdeck.com/machida/k…
[デブサミ関西2013] JavaScript Security beyond HTML5
[デブサミ関西2013] JavaScript Security beyond HTML5 Presentation Transcript JavaScript Security beyond HTML5 ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæ ªå¼ä¼šç¤¾ é•·è°·å·é™½ä»‹ Developers Summit 2013 Kansai Action! #kansumiB5 NetAgent http://www.netagent.co.jp/Developers Summit 2013 Kansai Action! #kansumiB5 自己紹介 é•·è°·å·é™½ä»‹ - ã¯ã›ãŒã‚よã†ã™ã‘ ï¶ ãƒãƒƒãƒˆã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆæ ªå¼ä¼šç¤¾ ï¶ æ ªå¼ä¼šç¤¾ã‚»ã‚ュアスカイ・テクノãƒã‚¸ãƒ¼ æŠ€è¡“é¡§å• ï¶ ã‚»ã‚ュリティ・ã‚ャンプ Webã‚»ã‚ュリティクラス講師 ï¶ Microsoft MVP for Consumer Security Oct 2005 - ï¶
Gruntã¹ã£ãŸã‚Š
Gruntをよã使ã†ã‚ˆã†ã«ãªã£ãŸã‘ã©ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸å¿ƒã«ã©ã£ã‹ã¨å˜åœ¨ã—ã¦ã„ã‚‹ã¨ä¸è‡ªç”±ãªã“ã¨ãŒå¤šã„æ°—ãŒã™ã‚‹ãªãƒ¼ã¨æ„Ÿã˜ã¦ã„る。Gruntã¹ã£ãŸã‚Šã€ã¤ã¾ã‚Šãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’Gruntã«å¼·ãä¾å˜ã•ã›ã‚‹ã¨ãƒãƒ¼ã‚¿ãƒ–ルã§ã‚ã‚‹ä¿è¨¼ã®ã‚るタスクã ã‘を使ã†(書ã)ã“ã¨ã‚’å¼·ã„られる。Gruntã¯ãã®é›‘ãªè‡ªç”±åº¦ãŒè‰¯ã„所ã§ã€ãã“ã«ä½•ã‹ã—らã®åˆ¶é™ãŒåŠ ã‚ã£ã¦ã—ã¾ã†ã®ã¯ãã®è‰¯ã•ã‚’低減ã•ã›ã¦ã—ã¾ã†ã¨æ€ã†ã€‚ Node.js自体ã«ã‚¯ãƒã‚¹ãƒ—ラットフォームã ã‘ã©ã•ã»ã©æ›¸ã‹ã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—トã®ãƒãƒ¼ã‚¿ãƒ“リティをæ„è˜ã—ãŸä½œã‚Šã«ãªã£ã¦ãªã„よã†ãªå°è±¡ã‚’æŒã£ã¦ã„る。ãã®ãŸã‚ãã®ä¸Šã§å‹•ãGruntã§ãƒãƒ¼ã‚¿ãƒ“リティã¨ã‹ãªã‚“ã®å†—談ã ã¨ã‹æ€ã£ã¦ã—ã¾ã†ã€‚ Gruntã®é–‹ç™ºãƒãƒ¼ãƒ ãŒå…¬å¼ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã¦ã„ã‚‹grunt-contrib-*ã¯ç¢ºã‹ã«å®‰å®šã—ã¦å„ªç§€ã§ã€å¤§ä½“ã®ã“ã¨ã¯ãƒãƒ¼ã‚¿ãƒ–ルãªãれらã§äº‹è¶³ã‚ŠãŸã‚Šã™ã‚‹ã€‚ã ã‘ã©ç°¡å˜ãªã‚¿ã‚¹ã‚¯ã‚’書ã„ã¦ä½¿ã„ãŸã„時ã¯ã‚‚ã¡ã‚ã‚“ã‚ã‚‹ã—ã€
モãƒã‚¤ãƒ«ãƒ–ラウザã§ã‚‚サクサクã«å‹•ä½œã™ã‚‹æœ€é©åŒ–6ã¤ã®ãƒŽã‚¦ãƒã‚¦
「Webサイト・アプリ高速化テクニック徹底解説ã€ç¬¬8回ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ–ラウザã«å‘ã‘ãŸæœ€é©åŒ–ã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ モãƒã‚¤ãƒ«ç«¯æœ«ã¯PCã«æ¯”ã¹ã€CPUã‚„ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãªã©ã®æ€§èƒ½é¢ã§åŠ£ã‚‹ã“ã¨ã‹ã‚‰ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®å½±éŸ¿ãŒå‡ºã‚„ã™ãã€ã¾ãŸã‚²ãƒ¼ãƒ 開発ãªã©çªãè©°ã‚ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã†å ´é¢ã§ã¯ã€ç‰¹æ®ŠãªãƒŽã‚¦ãƒã‚¦ã‚‚å¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ã—ã‹ã—ãã¡ã‚“ã¨æœ€é©åŒ–ã‚’è¡Œãˆã°ã€ãã®åŠ¹æžœã‚‚ãã®åˆ†è‘—ã—ãã€æ¯”較的低スペックãªç«¯æœ«ã‚„3G回線ã§ã‚ã£ã¦ã‚‚ã€ã‚µã‚¯ã‚µã‚¯è»½é‡ãªã‚µãƒ¼ãƒ“スæä¾›ãŒå¯èƒ½ã§ã™ã€‚今回ã®è¨˜äº‹ã§ã¯ã€ãã®å‹˜æ‰€ã‚’ãŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. ボトルãƒãƒƒã‚¯ã‚’å–り除ã ã¾ãšã¯ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã®äº‹ä¾‹ã«ã¤ã„ã¦ã€æŒ™ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚å‰è¿°ã®ã‚ˆã†ã«ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã§ã¯ã€ãã®æ€§èƒ½ã‹ã‚‰PCよりも顕著ã«ã€æœªæœ€é©åŒ–箇所ãŒä½“æ„Ÿã«å½±éŸ¿ã‚’åŠã¼ã—ã¾ã™ã€‚ 仕事ãŒã‚‰ãã“ãã“ã®æ•°ã®ã‚¢ãƒ—リケーションを見ã¦ãã¾ã—ãŸãŒã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã«ç‰¹åŒ–ã—ãŸãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ãŒã§ãã¦ã„ãª
Carl Danley | JavaScript Design Patterns
“One of the most important aspects of writing maintainable code is being able to notice the recurring themes in that code and optimize them. This is an area where knowledge of design patterns can prove invaluable.†– Addy Osmani In modern day JavaScript, it’s easy to pursue the development of large scale JavaScript applications. We are constantly writing more and more complex web apps that thrive
[AWSマイスターシリーズ]Amazon SNSモãƒã‚¤ãƒ«ãƒ—ッシュ通知
14. メッセージサイズã®ä¸Šé™ã¯ãƒ—ラットフォームã”㨠• Apple Push Notification Service • 256 bytes • https://developer.apple.com/library/ios/documentation/NetworkingInternet/Con ceptual/RemoteNotificationsPG/Chapters/ApplePushService.html • Amazon Device Messaging • 6144 bytes • https://developer.amazon.com/sdk/adm/sending-message.html • Google Cloud Messaging • 4096 bytes • http://developer.android.com/intl/ja/google/gcm/
![[AWSマイスターシリーズ]Amazon SNSモãƒã‚¤ãƒ«ãƒ—ッシュ通知](https://cdn-ak-scissors.b.st-hatena.com/image/square/84dd5d00f2f059d86367d354527afbf327c230a8/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20130917aws-meister-regenerate-extra-snsmobilepushpublic-130917233947-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
デザインã«ç«‹ä½“表ç¾ã‚’å–り入れるã¨ãã®ã‚»ã‚ªãƒªãƒ¼Ã—6 | ベイジã®ç¤¾é•·ãƒ–ãƒã‚°
iOS7ã®ç™»å ´ã§ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¸ã®é–¢å¿ƒã¯ã¾ã™ã¾ã™é«˜ã¾ã£ã¦ã„ã‚‹ã“ã¨ã§ã—ょã†ã€‚ ã“ã“ã§ã¯ãã‚“ãªãƒˆãƒ¬ãƒ³ãƒ‰ã¯ä¸€åˆ‡ç„¡è¦–ã—ã¦ã€UIデザインã«ãŠã‘る立体表ç¾ã‚’è¡Œã†ä¸Šã§ã€ãŠã•ãˆã¦ãŠãã¹ã大切ãªãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã“れらをマスターã—ã¦ã€æ™‚代ã«é€†è¡Œã™ã‚‹ã‚´ãƒªãƒƒã‚´ãƒªã®ç«‹ä½“表ç¾ã‚’è¡Œãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ょã†ã€‚ セオリー１：ç¾å®Ÿä¸–ç•Œã®ã€Œå…‰æºã€ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ã‚’守る å”çªã§ã™ãŒã€ã“ã®2ã¤ã®ãƒœã‚¿ãƒ³ã€ç«‹ä½“表ç¾ã¨ã—ã¦ã©ã¡ã‚‰ãŒæ£ã—ã„ã¨æ€ã„ã¾ã™ã‹ï¼Ÿ å·¦å´ã€ã€ŒAã€ã®ãƒœã‚¿ãƒ³ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå…‰æºã®çŸ›ç›¾ãŒã‚ã‚Šã¾ã™ã€‚ ボタン本体ã®å½±ã¯ã€å³ä¸‹ã«ä»˜ã„ã¦ã„る。ã¤ã¾ã‚Šã€å…‰æºã¯å·¦ä¸Šã€‚ ã¸ã“ã‚“ã Aã®å½±ã¯ã€å³ä¸Šã«ä»˜ã„ã¦ã„る。ã¤ã¾ã‚Šã€å…‰æºã¯å³ä¸Šã€‚ ドãƒãƒƒãƒ—シャドウã¯ã€çœŸä¸‹ã«ä»˜ã„ã¦ã„る。ã¤ã¾ã‚Šã€å…‰æºã¯çœŸä¸Šã€‚ 一方ã®Bã¯ã€ã™ã¹ã¦ã®è¦ç´ ã®å½±ãŒã€å…‰æºãŒä¸Šã®è¡¨ç¾ã«ãªã£ã¦ã„ã¾ã™ã€‚ã¤ã¾ã‚Šã€æ£è§£ã¯Bã§ã™ã€‚ãã—ã¦ã“ã‚ŒãŒã€ç¾å®Ÿä¸–ç•Œã§ã®ã€Œå…‰æºã€ï¼ˆï¼å½±ï¼‰ã®åŸºæœ¬ãƒ«ãƒ¼ãƒ«ã§ã™ã€‚
Masato Kinugawa Security Blog: U+2028/2029ã¨DOM based XSS
ECMAScriptã®ä»•æ§˜ã§ã¯ã€0x0A/0x0D以外ã«U+2028/2029ã®æ–‡å—も改行ã¨ã™ã‚‹ã“ã¨ãŒæ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„よã†ã«æ€ã„ã¾ã™ã€‚ 以下ã¯ã‚¢ãƒ©ãƒ¼ãƒˆã‚’出ã—ã¾ã™ã€‚ <script> //[U+2028]alert(1) </script> 知られã¦ã„ãªã„ã ã‘ã§ãªãã€çŸ¥ã£ã¦ã„ãŸã¨ã—ã¦ã‚‚ã€ã‚¹ã‚¯ãƒªãƒ—トã§æ–‡å—列を処ç†ã™ã‚‹ã¨ãã«ã€U+2028/2029ã¾ã§è€ƒæ…®ã™ã‚‹é–‹ç™ºè€…ãŒã©ã‚Œã ã‘ã„ã‚‹ã®ã‹ã¨ã„ã†è©±ã§ã™ã€‚ 実際ã€U+2028/2029を放り込むã¨æ–‡å—列リテラル内ã«ãã®æ–‡å—ãŒç”Ÿã®ã¾ã¾é…ç½®ã•ã‚Œã€ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹ãƒšãƒ¼ã‚¸ã¯æœ¬å½“ã«ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ã¾ã‚ã€ã‚¨ãƒ©ãƒ¼ãŒã§ã‚‹ã ã‘ãªã‚‰ã€å¤§æŠµã®å ´åˆå¤§ããªå•é¡Œã«ã¯ãªã‚Šã¾ã›ã‚“。 ã¨ã“ã‚ãŒã€U+2028/2029ã«ã‚ˆã£ã¦XSSãŒå¼•ãèµ·ã“ã•ã‚Œã¦ã—ã¾ã†å ´åˆã¨ã„ã†ã®ã‚’最近実際ã«è¦‹ã¾ã—ãŸã€‚ Googleã®ã‚µãƒ¼ãƒ“スã§è¦‹ã¤ã‘ãŸ2ã¤ã®ã‚±ãƒ¼ã‚¹ã‚’å–り上ã’ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ケ
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Hatena Blog Development Flow
æ£è¦è¡¨ç¾ã‚¯ãƒ©ã‚¹[:alnum:]ã®ç½ - Qiita![æ£è¦è¡¨ç¾ã‚¯ãƒ©ã‚¹[:alnum:]ã®ç½ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2df6b935dab6e8e86a2bc582f44b14f9aadefa95/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU2JUFEJUEzJUU4JUE2JThGJUU4JUExJUE4JUU3JThGJUJFJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUI5JTVCJTNBYWxudW0lM0ElNUQlRTMlODElQUUlRTclQkQlQTAmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTkwYzJiZTllNDRkYWYxMTUzN2YwZjk2Yzg2N2NhYmRk%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzbmFrYSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MmNmODVjZDg4MzgwMjQ2Y2E4N2M1NGQ3ZjFmNzEyODQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D3b18c2556bb0a50325d5a98c293c2e8d)
{{#tags}}- {{label}}
{{/tags}}