1px ã®å¤‰åŒ–も見逃ã•ãªã„ï¼ãƒ“ジュアルリグレッションテスト導入ã§å¿«é©ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™º - Kurashiru Tech Blog
ã“ã‚“ã«ã¡ã¯ï¼dely ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã¾ã™ @all__user ã§ã™ã€‚ 今回㯠kurashiru ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«å°Žå…¥ã•ã‚ŒãŸãƒ“ジュアルリグレッションテストã«ã¤ã„ã¦ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€å応を多ãã„ãŸã ã„ãŸç‚¹ã«ã¤ã„ã¦è¨˜äº‹ã®æœ€å¾Œã«è¿½è¨˜ã—ã¾ã—ãŸã€‘ 目次 目次 ビジュアルリグレッションテストã¨ã¯ å°Žå…¥ã®èƒŒæ™¯ フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ†ã‚¹ãƒˆï¼Ÿ SPA移行å‰å¾Œã®æ¯”較 ツール reg-suit Loki Wraith BackstopJS テストã®ãƒ•ãƒãƒ¼ GitHub + CodeBuild + BackstopJS ステージング環境 テストケース㯠Google スプレッドシートã§ç®¡ç† çµæžœã‚’ S3 ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—㦠Slack ã«é€šçŸ¥ ã¾ã¨ã‚ ã€è¿½è¨˜ã€‘ é‹ç”¨ãŒå¤§å¤‰ã§ã¯ãªã„ã‹ï¼Ÿ 1pxã®é•ã„ã«ãã“ã¾ã§å·¥æ•°ã‹ã‘る？ 広告ãŒå·®ã—è¾¼ã¾ã‚ŒãŸã‚Šå¤‰ã‚ã£ãŸã ã‘ã§ãƒ†ã‚¹ãƒˆãŒå£Šã‚Œã‚‹ã®ã§ã¯ï¼Ÿ ビジュ
deck.js » Modern HTML Presentations
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
マãƒãƒ¼ãƒ‹ãƒ¥ãƒ¼ã‚¹2ch
ã¾ãšã€iPhoneã®Safariã§ã©ã“ã§ã‚‚良ã„ã®ã§ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ãƒ–ックマークã—ã¾ã—ょã†ã€‚ ãã—ã¦ã€ŒHow to use Firebug on your iPad and iPhoneã€ã«æ›¸ã‹ã‚Œã¦ã„ã‚‹JavaScriptをコピーã—ã¾ã™ã€‚ javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
iPhoneã®Safariã§HTMLソースを表示ã•ã›ã‚‹æ–¹æ³•
iPhoneã®Safariã«ã¯PCブラウザã«ã¤ã„ã¦ã„ã‚‹"ソースã®è¡¨ç¤º"ãŒã‚ã‚Šã¾ã›ã‚“。興味ã‚る人ãŒå°‘ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒ...ã¨ã‚Šã‚ãˆãšæ–¹æ³•ã®ã”紹介ã§ã™ã€‚ 実ç¾æ–¹æ³• ブックマークレットを使ã£ã¦å®Ÿç¾ã—ã¾ã™ã€‚ ブックマークレットã£ã¦ï¼Ÿ iPhone 3Gã§ä½¿ãˆã‚‹ï¼ã€€ãƒ–ックマークレット大辞典をã©ã†ãžã€‚ ç§ã¯ã“ã¡ã‚‰ã‚’使ã£ã¦ã„ã¾ã™ã€‚ã‚‚ã£ã¨è‰¯ã„ã‚‚ã®ã‚’ã”å˜ã˜ã§ã—ãŸã‚‰ãŠæ•™ãˆä¸‹ã•ã„。 ソースを表示ã™ã‚‹(PC用) ソースを表示ã™ã‚‹(iPhone用) 登録方法 ブックマークレットをiPhoneã‹ã‚‰ç›´æŽ¥ç™»éŒ²ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚ (PCã¨åŒæœŸã—ã¦ã„ã‚‹æ–¹ã¯PC用ã®å†…容をブックマークã«è¿½åŠ ã—ã¦ãã ã•ã„。) ソースを表示ã™ã‚‹(iPhone用)ã‚’é–‹ãã¾ã™ã€‚ Error - 404ã®ç”»é¢ã«ãªã‚Šã¾ã™ãŒã‚·ã‚«ãƒˆã—ã¦ã€ãƒ–ックマーク登録画é¢ã¸ã€‚ タイトルを編集ã—ã¦ç™»éŒ²ã—ã¾ã™ã€‚ ã„ã¾ç™»éŒ²ã—ãŸãƒ–ックマークã®ç·¨é›†ç”»é¢ã‚’é–‹ãã¾ã™ã€‚ URL欄ã®
Locking the Throneroom 2.0
This document summarizes Mario Heiderich's presentation titled "Locking the Throne Room - How ES5+ will change XSS and Client Side Security" given at BlueHat, Redmond 2011. The presentation discusses how new features in ECMAScript 5 (ES5), such as Object.defineProperty(), can be used to prevent cross-site scripting (XSS) attacks by locking down access to sensitive DOM properties and methods on the
PHPã®ã‚¤ã‚¿ã„入門書をèªã‚“ã§Ajaxã®XSSã«ã¤ã„ã¦æ¤œè¨Žã—ãŸ(1) - ockeghem's blog
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ã‚ã‚‹PHPã®å…¥é–€æ›¸ã‚’é¡Œæã¨ã—ã¦ã€Ajaxアプリケーションã®è„†å¼±æ€§ã«ã¤ã„ã¦æ¤œè¨Žã—ã¾ã™ã€‚å…¨3回ã¨ãªã‚‹äºˆå®šã§ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚’書ã„ãŸãã£ã‹ã‘ twitterã‹ã‚‰ã‚¿ãƒ¬ã‚³ãƒŸã‚’ã¡ã‚‡ã†ã ã„ã—ã¦ã€ä½œã‚ŠãªãŒã‚‰åŸºç¤Žã‹ã‚‰å¦ã¶PHPã«ã‚ˆã‚‹Webアプリケーション入門XAMPP/jQuery/HTML5ã§ä½œã‚‹ã‚¤ãƒžãƒ‰ã‚ã®Weã¨ã„ã†æœ¬ã‚’èªã¿ã¾ã—ãŸã€‚所感ã¯ä»¥ä¸‹ã®é€šã‚Šã§ã™ã€‚ タレコミæ°ã®ä¸»å¼µã®ã‚ˆã†ã«ã€æœ¬æ›¸ã¯ã‚»ã‚ュリティを一切考慮ã—ã¦ã„ãªã„ 主ãªè„†å¼±æ€§ã¯ã€XSSã€SQLインジェクションã€ä»»æ„ã®ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ãƒ»ã‚¹ã‚¯ãƒªãƒ—ト実行（アップãƒãƒ¼ãƒ‰çµŒç”±ï¼‰ã€ãƒ¡ãƒ¼ãƒ«ãƒ˜ãƒƒãƒ€ã‚¤ãƒ³ã‚¸ã‚§ã‚¯ã‚·ãƒ§ãƒ³ç‰ 脆弱性以å‰ã®å•é¡Œã¨ã—ã¦ã‚µãƒ³ãƒ—ルスクリプトã®å“質ãŒä½Žã„。デãƒãƒƒã‚°ã—ãªã„ã¨å‹•ã‹ãªã„スクリプトãŒå¤šæ•°ã‚ã£ãŸ 上記ã«é–¢é€£ã—ã¦ã€æµç”¨å…ƒã®ã‚½ãƒ¼ã‚¹ã‚„デãƒãƒƒã‚°ç”¨ã®alertãªã©ãŒã‚³ãƒ¡ãƒ³ãƒˆã¨ã—ã¦æ®‹ã£ã¦ã„ã¦ç—›ã€…ã—ㄠ今時ã“ã®æ°´æº–ã¯ãªã„ã‚ーã¨æ€ã„ã¾ã—ãŸã€‚以å‰
リファラ実験 - referrer test
Updated: 2005-05-22 03:54:29+0900 [Home] ç›´ã«ãƒªãƒ³ã‚¯ ç›´ã«ãƒªãƒ³ã‚¯ リファラ表示ページã«ç›´ã«ãƒªãƒ³ã‚¯ã—ã¾ã™ã€‚ Firefox 1.0.4 …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ Opera 8.0 …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ IE 6 …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ NS 7 …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ Opera 7 …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ Lynx 2.8(cygwin) …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ w3m 0.1.9(cygwin) …… リファラã¯ã“ã®ãƒšãƒ¼ã‚¸ã«ãªã‚‹ã€‚ HTTPヘッダã®Locationを使用ã™ã‚‹ Locationヘッダ HTTPヘッダã§Locationを使用ã—ã¾ã™ã€‚ header("Location: http://www.teria.com/~koseki/memo/referrer/view.
今ã€çŸ¥ã£ã¦ãŠããŸã„JavaScript
Webブラウザã¨ãƒ†ã‚ストエディタã•ãˆã‚ã‚Œã°ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦å®Ÿè¡Œã§ãるシンプルã§æ‰‹è»½ãªè¨€èªžâ€•â€•ã€‚ãã‚ŒãŒJavaScriptãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰ã—ã°ã‚‰ãã®é–“ã€å¤šãã®äººãŒæŠ±ã„ãŸå°è±¡ã§ã—ãŸã€‚ã—ã‹ã—ã€Ajaxã®ç™»å ´ã«ä¼´ã†ç¬¬2ã®ãƒ–ーム以é™ã€ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ããªã£ãŸã‚ˆã†ã«æ„Ÿã˜ã‚‰ã‚Œã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ãŒã€DOM（Document Object Model）ã«åŸºã¥ãJavaScriptプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã—ょã†ã€‚DOMã¯ã€HTMLã‚„XMLを構æˆã™ã‚‹å„è¦ç´ ã«å¯¾ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦å†…部ã®æƒ…å ±ã‚’å–得・変更ã—ãŸã‚Šã€æ©Ÿèƒ½ã‚’利用ã—ãŸã‚Šã™ã‚‹ãŸã‚ã®API（Application Programming Interface）ã§ã™ã€‚DOMを使ã†ã“ã¨ã«ã‚ˆã£ã¦ã€Webページをリãƒãƒ¼ãƒ‰ã›ãšã«Webページを部分的ã«æ›¸ãæ›ãˆãŸã‚Šã€HTMLドã‚ュメントã®æ§‹é€ ã‚’å‹•çš„ã«å¤‰ãˆãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ DOMã¯ä¾¿åˆ©ãªä»•çµ„
Androidアプリケーション開発ガイド
TOPICS Programming , Web , Mobile , HTML/CSS , JavaScript 発行年月日 2011å¹´02月23æ—¥ PRINT LENGTH 224 ISBN 978-4-87311-486-6 原書 Building Android Apps with HTML, CSS, and JavaScript FORMAT Javaを使ã‚ãªãã¦ã‚‚Webアプリケーション開発ã®æ¨™æº–技術ã§Androidアプリケーションを開発ã§ãã¾ã™ã€‚本書ã§ã¯ãƒ‘ソコンå‘ã‘Webアプリケーションをスタート地点ã«ã€CSSã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã€jQueryã®åˆ©ç”¨ã€jQTouchを利用ã—ãŸé«˜åº¦ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€PhoneGapを使ã£ã¦ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーション化ã™ã‚‹ã“ã¨ã§Android固有ã®æ©Ÿèƒ½ã‚’使ã†æ–¹æ³•ã€ãã—ã¦Android Marketã¸ã®ç™»éŒ²ã«è‡³ã‚‹ã¾ã§ã€HTML＋CSS＋JavaScrip
Chrome紹介ページã«éš ã•ã‚ŒãŸã€ã‚¤ã‚±ã¦ã‚‹HTMLコーディングテクニックã¨GAã®æœ€æ–°ç‰ˆã‚³ãƒ¼ãƒ‰ã¿ãŸã„ãªã® - Web Analytics Latte
CMã§ã‚„ã£ã¦ã‚‹Chromeã®ç´¹ä»‹ãƒ ービーをãªã«ã’ãªã見ã¦ãŸã‚‰ã€ã¡ã‚‡ã£ã¨ãŠã‹ã—ã„ã“ã¨ã«æ°—ã¥ãã¾ã—ãŸã€‚最先端ブラウザã§ã‚ã‚‹Chromeã®ã€ãã®ç´¹ä»‹ã‚µã‚¤ãƒˆã¨ãªã‚Œã°å½“然HTML5対応ã—ã¦ã‚‹ã¯ãšã€ã¨æ€ã£ã¦ã¿ã¦æ°—ã¥ã„ãŸç‚¹ã§ã™ã€‚ HTMLソースを眺ã‚ã¦ã¿ã¦ã€æ°—ã¥ãã¾ã—ãŸã€‚ã“ã‚ŒãŒãƒŠã‚¦ã„ソースãªã®ã‹ã¨é–¢å¿ƒã™ã‚‹ç‚¹ãŒå¤šã€…ã‚ã‚Šã¾ã™ãŒã€2点ã€ã™ã’ã‡ï¼ã¨æ€ã£ãŸã¨ã“ã‚ãŒã‚ã‚‹ã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ １．Google Analyticsã®ã‚¿ã‚°ãŒæœ€æ–°ç‰ˆã‚’超ãˆã¦ã‚‹ GAã®è²¼ã‚Šä»˜ã‘ã‚¿ã‚°ãŒå…¬å¼ã®ã‚‚ã®ã§ã¯ãªã„ã“ã¨ãŒã¾ãš1点目ã®é•å’Œæ„Ÿã§ã™ã€‚通常ã¯ã“ã‚“ãªæ„Ÿã˜ã§ã‚´ãƒãƒ£ã‚´ãƒãƒ£ã—ã¦ã‚‹ã‚“ã§ã™ãŒ //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
John Resig - Pure JavaScript HTML Parser
Recently I was having a little bit of fun and decided to go about writing a pure JavaScript HTML parser. Some might remember my one project, env.js, which ported the native browser JavaScript features to the server-side (powered by Rhino). One thing that was lacking from that project was an HTML parser (it parsed strict XML only). I’ve been toying with the ability to port env.js to other platforms
ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚ˆã‚‹ã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆãƒ»ã‚¹ã‚¯ãƒªãƒ—ティング(XSS)傾å‘ã¨å¯¾ç–
補足 ã“ã®è¨˜äº‹ã¯æ—§å¾³ä¸¸æµ©ã®æ—¥è¨˜ã‹ã‚‰ã®è»¢è¼‰ã§ã™ï¼ˆå…ƒURLã€ã‚¢ãƒ¼ã‚«ã‚¤ãƒ–ã€ã¯ã¦ãªãƒ–ックマーク1ã€ã¯ã¦ãªãƒ–ックマーク2）。 備忘ã®ãŸã‚転載ã„ãŸã—ã¾ã™ãŒã€ã“ã®è¨˜äº‹ã¯2007å¹´12月6æ—¥ã«å…¬é–‹ã•ã‚ŒãŸã‚‚ã®ã§ã€å½“時ã®å¾³ä¸¸ã®è€ƒãˆã‚’示ã™ã‚‚ã®ã‚’ã€åŸºæœ¬çš„ã«å†…容を変更ã›ãšã«ãã®ã¾ã¾è»¢è¼‰ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ 補足終ã‚ã‚Š 最近ã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’用ã„ãŸã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆãƒ»ã‚¹ã‚¯ãƒªãƒ—ティングãŒæ³¨ç›®ã•ã‚Œã¦ã„る。本稿ã§ã¯ã€ç”»åƒã‚’悪用ã—ãŸXSSã«ã¤ã„ã¦èª¬æ˜Žã—ãŸå¾Œã€å¯¾ç–方法ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ ç”»åƒã«ã‚ˆã‚‹XSSã¨ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ Internet Explorer(IE)ã®ç‰¹æ€§ã¨ã—ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žã‚’判別ã™ã‚‹éš›ã«ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€å†…ã®Content-Typeã ã‘ã§ãªãã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…容も判æ–基準ã«ã—ã¦ã„る。ã“ã®ãŸã‚ã€Content-TypeãŒä¾‹ãˆã°image/gif(GIFç”»åƒ)ã¨ãªã£ã¦ã„ã¦ã‚‚ã€ä¸èº«ãŒHTMLã§ã‚ã‚Œã°HTMLã¨è§£é‡ˆã—ã¦è¡¨ç¤ºã™ã‚‹ã€‚
divã‚¿ã‚°ãŒå¤šç”¨ã•ã‚Œã¦ã„る経済産æ¥çœã®ãƒšãƒ¼ã‚¸ã®divã‚¿ã‚°ã‚’å¯è¦–化ã—ã¦ã¿ãŸ - Pastalablog in ã¯ã¦ãª
ã¯ã¦ãªãƒ–ックマークã¨ã‹ã§ç››ã‚Šä¸ŠãŒã£ã¦ãŸã®ã‚’見ã¦ã€ã›ã£ã‹ããªã®ã§ã€divã«borderã‹ã‘ã¦ã¿ãŸã‚‰ã™ã”ã„ã“ã¨ã«ãªã£ãŸã€‚ 話題ãªã®ã¯ã“ã®ãƒšãƒ¼ã‚¸ 経済産æ¥çœ 会見・スピーム大臣記者会見 ページ自体ã¯å¤ã‚*1 divã®æ•°ã¯ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§æ•°ãˆãŸã‚‰ãƒšãƒ¼ã‚¸å…¨ä½“ã§309個ã‚ã£ãŸã€‚ 検証方法 firebugã«jQuery検証機能を付ã‘ã‚‹FireQueryã¨ã„ã†ã®ã‚’使ã£ã¦jQueryã§é©å½“ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’実行ã—ãŸã€‚ var c=new Array("red","yello","blue","green","black","pink"); $("div").each(function(i){ $(this).attr("style",("border:1px solid "+c[i%6])) }) çµæžœ ã“ã‚“ãªHTMLã©ã†ã‚„ã£ã¦ä½œã£ãŸã‚“ã ã‚ã†ã‹ã€‚ ã‚‚ã—手打ã¡ãªã‚‰æ ¹æ°—ã®å±…る作æ¥ã ã£ãŸã‚“ã ã‚ã†ãªãã¨æ€ã„ã¾ã—ãŸã€‚ 追
About - CLEditor
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
Safari Dev Center - Apple Developer
Safari for developers Safari is the best way to experience the internet on iPhone, iPad, and Mac. Thanks to blazing-fast performance and industry-leading energy efficiency, millions of users enjoy exploring the web with Safari. Take advantage of powerful new features, advanced developer tools, and cutting-edge technologies in Safari to deliver best-in-class websites and apps. Spatial web in Safari
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
今ã¾ã§ã‚ã‚書ã„ã¦ãŸã‚¢ãƒ¬ã€ã“ã‚Œã‹ã‚‰ã¯ã“ã†æ›¸ã‘ãㆠ2022 - DevFest Tokyo 2022
http://mgng.getcloudigniter.com/31
Site Under Maintenance
TinyMCE Javascript Content Editor by Moxiecode Systems AB
JS Bin
{{#tags}}- {{label}}
{{/tags}}