hogehoge @teramako
hogehoge - addEventListener ã®ç¬¬ä¸‰å¼•æ•°ã«ã¤ã„ã¦
hogehoge @teramako
Firebugã§å…ƒã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã«æ‰‹ã‚’入れãšã«debug用ã®console出力を入れる方法 - monjudoh’s diary
Firebugã§ã¯æ¡ä»¶ä»˜ãブレークãƒã‚¤ãƒ³ãƒˆãŒä½¿ãˆã‚‹ã®ã§ã€ scriptタブã«ã¦è©²å½“è¡Œã«ãƒ–レークãƒã‚¤ãƒ³ãƒˆã‚’貼り〠æ¡ä»¶ã¨ã—ã¦consoleã¸ã®å‡ºåŠ›ã‚’||区切りã§ã€æœ€å¾Œã«&& falseを入れる。 console.debug('this.lastPosition') || console.dir(this.lastPosition) && false ã“ã†ã™ã‚‹ã¨ãƒ–レークãƒã‚¤ãƒ³ãƒˆã‚’通る度ã«consoleã¸ã®å‡ºåŠ›ã¯è©•ä¾¡ã•ã‚Œã€ consoleã«å‡ºåŠ›ã•ã‚Œã€æœ€å¾Œã®&& falseã®ãŸã‚å¼å…¨ä½“ã¯å¿…ãšfalseã¨ã—ã¦è©•ä¾¡ã•ã‚Œã‚‹ãŸã‚ ブレークã™ã‚‹ã“ã¨ã¯ãªã„。 追記 console出力系関数ã®æˆ»ã‚Šå€¤ã¯undefinedãªã‚“ã ã‹ã‚‰&& falseã¯ä¸è¦ã‹ 追記 nanto_vi @monjudoh JSã§ã¯||より&&ã®æ–¹ãŒå„ªå…ˆé †ä½ãŒé«˜ã„ã®ã§ã€a || b && c ã¯aãŒçœŸãªã‚‰bã‚‚cも評価ã•ã‚Œãšã«å…¨ä½“ãŒçœŸã¨ã—ã¦
パワãƒã§ã‚‚ã“ã“ã¾ã§ã§ãã‚‹ï¼ç±³è²¡å‹™çœã‹ã‚‰å¦ã¹ã‚‹ç¾Žã—ã„資料作りã®ãƒã‚¤ãƒ³ãƒˆ - stj064 Life Lab
Twitterã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã“ã®è³‡æ–™ã€‚ 実際見ã¦ã¿ãŸã‚‰ãƒ›ãƒ³ãƒˆã«ç¾Žã—ã„資料ã ã£ãŸã®ã§ã€ã©ã‚“ãªç‚¹ãŒã‚ˆã‹ã£ãŸã®ã‹ã€ã¾ãŸè‡ªåˆ†ã®è³‡æ–™ä½œã‚Šã«ç”Ÿã‹ã—ã¦ã„ã‘ãã†ã‹ã€ãƒã‚¤ãƒ³ãƒˆã‚’抽出ã—ã¦ã¾ã¨ã‚ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ 「ページタイトルã€ã¨ã€Œãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ©ã‚¤ãƒ³ã€ã‚’分ã‘ã‚‹ レイアウトã¯ä»¥ä¸‹ã®ç”»åƒã®ã‚ˆã†ã«è¦ç´ ãŒé…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ 特徴的ãªã®ã¯ã€ã€Œãƒšãƒ¼ã‚¸ã‚¿ã‚¤ãƒˆãƒ«ã€ã¨ã€Œãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ©ã‚¤ãƒ³ã€ã‚’分ã‘ã¦ã„ã‚‹ã“ã¨ã€‚ã“ã‚Œã¯è‡ªåˆ†ã‚‚å‰ã€…è·ã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼šç¤¾æ™‚代ã«é¦´æŸ“ã‚“ã å½¢ã§ã™ãŒã€ãã“ã‹ã‚‰ç§»ã£ãŸã‚ã¨ã¯ã€ã“ã®åŒºåˆ¥ãŒã§ãã¦ã„ãªã„例をãŸãã•ã‚“見ã‹ã‘ã¾ã—ãŸã€‚ ページタイトルを大ããªãƒ•ã‚©ãƒ³ãƒˆã§è¼‰ã›ã‚‹ã“ã¨ã¯ã‚¹ãƒšãƒ¼ã‚¹ã®ç„¡é§„使ã„ã«ãªã‚Šã¾ã™ã—ã€é€†ã«ä¸»å¼µã—ãŸã„ã“ã¨ã‚’å°ã•ãªé ˜åŸŸã«æŠ¼ã—è¾¼ã‚ã¦ã—ã¾ã†ã¨ç„¡è¦–ã•ã‚Œã¦ã—ã¾ã†æれもã‚ã‚Šã¾ã™ã€‚ 用途ã«ã‚‚よりã¾ã™ãŒã€èª¿æŸ»ãƒ¬ãƒãƒ¼ãƒˆãªã©ã¯ã“ã†ã—ãŸå½¢ã®æ–¹ãŒã€è¦ç‚¹ãŒèªã¿æ‰‹ã«ä¼ã‚ã‚Šã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ 絶対値よりã€å¤‰åŒ–率や差
ヒートマップã ã‘ã§æº€è¶³ã—ã¦ã„ã¾ã›ã‚“ã‹ï¼ŸUXデザインã¨ç›¸æ€§ã®ã‚ˆã„「ゲイズプãƒãƒƒãƒˆã€åˆ†æžã®ã™ã™ã‚ | マミオン有é™ä¼šç¤¾-パソコン・数å¦ç ”ä¿®ã€æ³•äººç ”ä¿®
「ユーザーãŒã‚µã‚¤ãƒˆã®ã©ã“を見ã¦ã„ã‚‹ã‹ï¼Ÿã€ã‚’知るãŸã‚ã®æ‰‹æ³•ã®ä¸€ã¤ãŒã€å¼Šç¤¾ã§ã‚‚サービスæä¾›ã—ã¦ã„る『アイトラッã‚ング調査ã€ã§ã™ã€‚ 通常ã€ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ング調査を行ã†ã¨ã€ã€Žãƒ’ートマップã€ã¨ã€Žã‚²ã‚¤ã‚ºãƒ—ãƒãƒƒãƒˆã€ã®2種類ã®ã‚¢ã‚¦ãƒˆãƒ—ットãŒå¾—られã¾ã™ã€‚ 皆ã•ã‚“ã¯ã©ã¡ã‚‰ã«è¦ªã—ã¿ãŒã‚ã‚Šã¾ã™ã‹ï¼Ÿ ç”»åƒï¼šå·¦ãŒãƒ’ートマップã€å³ãŒã‚²ã‚¤ã‚ºãƒ—ãƒãƒƒãƒˆ ã¡ãªã¿ã«Googleã§ã®æ¤œç´¢ãƒ’ット数を比較ã—ã¦ã¿ã‚‹ã¨ã€ã”覧ã®ã¨ãŠã‚Šã§ã™ã€‚ 「ヒートマップã€ï¼šç´„ 2,620,000 件　「ゲイズプãƒãƒƒãƒˆã€ï¼šç´„ 3,470 件　「heatmapã€ï¼šç´„ 70,200,000 件　「gaze plotã€ï¼šç´„ 11,200 件 …もã£ãŸã„ãªã„。 ã“ã‚“ãªè‰¯ã„ã‚‚ã®ãŒçŸ¥ã‚‰ã‚Œã¦ã„ãªã„ãªã‚“ã¦ã€éžå¸¸ã«ã‚‚ã£ãŸã„ãªã„ï¼ ã€Žãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ã€ã¯è¦–線分æžã«é™ã‚‰ãšç”¨ã„られる言葉ãªã®ã§å˜ç´”比較ã¯ã§ãã¾ã›ã‚“ãŒã€å¾Œã»ã©è§£èª¬ã™ã‚‹ã€Žã‚²ã‚¤ã‚ºãƒ—ãƒãƒƒãƒˆã€ã®è‰¯ã•ãŒã€ã¾ã ã¾ã 浸é€ã—ã¦ã„ãªã„ã®ã‹ã‚‚
ユーザー体験ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦³å¯Ÿï½œwithComputer
ã¾ãŸæšã’足をå–ã£ã¦ã„ã‚‹ã¨è¨€ã‚ã‚Œãã†ã§ã™ãŒã€ã‚„ã£ã±ã‚Šã“ã†ã„ã†è¨˜äº‹ã‚’èªã‚€ã¨ä½•ã¨ãªã引ã£ã‹ã‹ã‚‹ã‚“ã§ã™ã‚ˆã。 第55回 ユーザエクスペリエンス(UX)ã®è³ªã‚’評価ã™ã‚‹ï½œSQiP：Software Quality Profession 例ãˆã°ã€è¨˜äº‹ã®çµ‚ã‚ã‚Šã«ã‚る「ã—ã£ã‹ã‚Šã¨UXを作り込んã§ã„ãŸã‚‰ã€å¾®å¦™ãªæ“作感ã®èª¿æ•´ãªã©ã§æ¸ˆã‚€ã¯ãšã€ã¨ã„ã†è¨˜è¿°ã¯å¼•ã£ã‹ã‹ã‚Šã¾ã™ã€‚ãã‚‚ãも「UXを作り込むã€ã¨ã„ã†ã®ã¯ã€å…·ä½“çš„ã«ã©ã‚“ãªä½œæ¥ã‚’指ã™ã‚“ã§ã—ょã†ã€‚ 以å‰UXã«é–¢ã™ã‚‹è¨˜äº‹ã‚’書ã„ãŸã¨ãã€å‹äººã‹ã‚‰ã€ŒUXã£ã¦ä½•ã よã€ã¨ã„ã†ãƒ„ッコミをå—ã‘ãŸã®ã§ã€ä»Šå›žã¯ãã“ã®èª¬æ˜Žã‚‚å°‘ã—。æ£ç›´ãªã¨ã“ã‚ã€UXã£ã¦ã„ã†è¨€è‘‰ã‚’使ã‚ãšã«ã€æ™®é€šã«ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½“験ã€ã£ã¦è¨€ã£ã¡ã‚ƒãˆã°åˆ†ã‹ã‚Šã‚„ã™ã„ã®ã§ã¯ã€ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã“ã¯ã‚¬ãƒ³ãƒ€ãƒ ã§èª¬æ˜Žã—ã¦ã„るツイートを紹介ã—ã¾ã—ょã†ã€‚ ã€UIã¨UXã®é•ã„ã‚’ç†è§£ã—ã¦ã„ãªã„人ã¸ã€‘: UIを「ã‹ã£ã“ã„ã„モビルスーツã§ã‚るガン
パクリサイトã¯ãªãœå«Œã‚れるã®ã‹ï¼Ÿ ã¾ãŸã¯UI視点ã¨UX視点ã®é•ã„ã«ã¤ã„㦠| miyasho88 blog
ã“ã®è¨˜äº‹ã®æ‰€è¦æ™‚間： ç´„ 5分25秒 最近ã€ãƒ‘クリサイトã«ã¤ã„ã¦æ”¹ã‚ã¦æ€ã†ã“ã¨ãŒã‚ã£ãŸã®ã§æ›¸ã„ã¦ã¿ãŸã€‚ ã¿ã‚“ãªä¼¼ãŸã‚Šã‚ˆã£ãŸã‚Šã®UIã‚’ã—ã¦ã„ã‚‹ my365ã¨ã„ã†iPhoneアプリãŒã‚る。instagramã«1æ—¥1æžšã—ã‹æŠ•ç¨¿ã§ããªã„ã¨ã„ã†åˆ¶é™ã‚’åŠ ãˆã€è‡ªåˆ†ã®å†™çœŸã¯ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å½¢å¼ã§è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã‚¢ãƒ—リã 。 ã¯ã˜ã‚ã¦my365を見ãŸæ™‚ã€ã™ãã«ä½¿ã„方を把æ¡ã§ããŸã€‚ãªãœã‹ï¼Ÿ 愛用ã—ã¦ã„ãŸinstagramã®UIã«ã€ã‚‚ã®ã™ã”ーããã£ãã‚Šã ã£ãŸã‹ã‚‰ã 。 別ã«my365ã ã‘ã˜ã‚ƒãªã„。フォãƒãƒ¼æ©Ÿèƒ½ãŒã¤ã„ãŸå†™çœŸå…±æœ‰ã‚¢ãƒ—リãªã‚“ã¦ã€ã©ã‚Œã‚‚åŒã˜ã‚ˆã†ãªUIã‚’ã—ã¦ã„る。 ã¿ã‚“ãªåŒã˜ã‚ˆã†ãªUIをパクリ呼ã°ã‚ã‚Šã•ã‚Œãªã„為（ãªã®ã‹ã©ã†ã‹ã¯ä¸æ˜Žã ã‘ã©ï¼‰ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã‚ã‚ã›ã¦UIã‚’ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã—ãŸã‚Šã€ã‚³ãƒ³ã‚»ãƒ—トã«ã‚ã‚ã›ã¦ã‚ªãƒªã‚¸ãƒŠãƒ«ã®è¦ç´ ã‚’åŠ ãˆãŸã‚Šã—ã¦ã„る。 UIã¯ä½¿ã„ãªã‚Œã¦ã„ã‚‹ã‚‚ã®ãŒä¸€ç•ªã¤ã‹ã„ã‚„ã™ã„ï¼ ã•ã¦ã€ã¡ã‚‡ã£ã¨çš®è‚‰ã£
カーリルã€ã€Œã“ã©ã‚‚ã®èªæ›¸é€±é–“ã€ã®è¬Žã«è¿«ã‚‹ï¼ï¼Ÿï½žå›ã¨æœªæ¥ã‚’ã¤ãªã本 – カーリルã®ãƒ–ãƒã‚°
4月末ã‹ã‚‰å§‹ã¾ã‚Šã€ç´„3週間続ã「ã“ã©ã‚‚ã®èªæ›¸é€±é–“ã€ã€‚ ゴールデンウィークã¨é‡ãªã‚‹ã“ã¨ã‚‚ã‚ã‚Šã€å„地ã®å›³æ›¸é¤¨ã§ã‚‚ã“ã©ã‚‚ã®èªæ›¸é€±é–“ã«ã¾ã¤ã‚るイベントãŒå¤šæ•°è¡Œã‚ã‚Œã¾ã™ã€‚ã“ã©ã‚‚ã®èªæ›¸é€±é–“を推進ã—ã¦ã„ã‚‹ã€ç¤¾å›£æ³•äººèªæ›¸æŽ¨é€²é‹å‹•å”è°ä¼šã®ç‰‡å²¡ä¼¸åã•ã‚“ã«ãŠè©±ã‚’èžãã¾ã—ãŸâ™ª ã€è¬Žï¼‘】ã“ã©ã‚‚ã®èªæ›¸é€±é–“ã£ã¦ä½•ï¼Ÿ ã“ã©ã‚‚ãŸã¡ã«ã‚‚ã£ã¨æœ¬ã‚’ã€ã“ã©ã‚‚ãŸã¡ã«ã‚‚ã£ã¨æœ¬ã‚’èªã‚€å ´æ‰€ã‚’ã¨ã®é¡˜ã„ã‹ã‚‰ã€ã€Œã“ã©ã‚‚ã®èªæ›¸é€±é–“ã€ã¯ï¼‘９５９年（æ˜å’Œï¼“４年）ã«èª•ç”Ÿã—ã¾ã—ãŸã€‚ã‚‚ã¨ã‚‚ã¨ã¯ã€ï¼•æœˆï¼•æ—¥ã®ã€Œã“ã©ã‚‚ã®æ—¥ã€ã‚’ä¸å¿ƒã¨ã—ãŸï¼’週間（５月１日～１４日）ã§ã—ãŸãŒã€åã©ã‚‚ã®èªæ›¸ã¸ã®é–¢å¿ƒã®é«˜ã¾ã‚Šã‚’å—ã‘ã¦ã€ã€Œåã©ã‚‚èªæ›¸å¹´ã€ã§ã‚ã‚‹ï¼’ï¼ï¼ï¼å¹´ã‚ˆã‚Šç¾åœ¨ã®ï¼”月２３日（世界本ã®æ—¥ãƒ»åã©ã‚‚èªæ›¸ã®æ—¥ï¼‰ï½žï¼•æœˆï¼‘ï¼’æ—¥ã«æœŸé–“を延長ã—ã¾ã—ãŸã€‚開始当時よりã€å›³æ›¸é¤¨ãƒ»æ›¸åº—・å¦æ ¡ã‚’ä¸å¿ƒã«ã€ã“ã©ã‚‚ãŸã¡ã«æœ¬ã‚’手渡ã™æ§˜ã€…ãªè¡Œäº‹ãŒè¡Œã‚ã‚Œã¦ãã¾ã—ãŸã€‚ 幼少ã®æ™‚ã‹ã‚‰æ›¸ç‰©ã«è¦ªã—ã¿ã€èªæ›¸ã®å–œã³ã‚„楽ã—ã¿ã‚’
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}