ブラウザã®ã‚ーボードを制御ã™ã‚‹ inputmode
October 26, 2019 created( August 1, 2022 updated ) input[type]ã«ã‚ˆã‚‹ã‚ーボードã®è¡¨ç¤ºåˆ¶å¾¡Googleã®è¨˜äº‹ã€web foundamentals 最é©ãªãƒ•ã‚©ãƒ¼ãƒ ã®ä½œæˆã§ã¯ã€type属性ã«ã‚ˆã‚‹å…¥åŠ›ã—ã‚„ã™ã„ã‚ーボードã®è¡¨ç¤ºã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ãŒèª¬æ˜Žã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 例ãˆã°ã€type="email"を指定ã™ã‚‹ã¨ã€ <input type="email"> emailãŒå…¥åŠ›ã—ã‚„ã™ã„ã‚ーボードãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æŒ‡å®šæ–¹æ³•ã«ã¯å‰¯ä½œç”¨ã‚‚ã‚ã‚Šã¾ã—ãŸã€‚ 例ãˆã°ã€type="number" を指定ã—ãŸå ´åˆã€ <input type="number"> ã“ã®ã‚ˆã†ã«ã€å…¥åŠ›ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰å†…ã«ä½™è¨ˆãªå…¥åŠ›è£œåŠ©è¦ç´ ãŒè¡¨ç¤ºã—ãŸã‚Šã€ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«hoverã—ãŸçŠ¶æ…‹ã§mouse wheelã‚’å‹•ã‹ã™ã¨ 入力済ã¿ã®å€¤ãŒå‹æ‰‹ã«å¢—減 ã—ãŸã‚Šã—ã¾ã™ã€‚ å‰è€…ã¯CSSã§å¾Œè€…ã¯Java
サービスã«æ±‚ã‚られるもã®ã‚’ã€6段階ã«åˆ†é¡žã™ã‚‹ï½œæ·±æ´¥ 貴之 (fladdict)
「サービスã®ä½“験をよãã™ã‚‹ã€ã¨ã„ã†ã®ãŒã€æ¼ 然ã¨ã—ã¦ã©ã†ã™ã‚Œã°ã„ã„ã‹ã‚ã‹ã‚‰ãªã„ã¨ãã€ã¾ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験を6段階ã«åˆ†é¡žã™ã‚‹ã®ã‚’オススメã—ã¾ã™ã€‚ ã“ã®å›³ã‚’ベースã«ã€ ・ã‚ãªãŸã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ç¾çŠ¶ ・やã‚ã†ã¨ã™ã‚‹æ–½ç–やアップデートãŒã€ãã‚Œãžã‚Œã©ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«å±žã™ã‚‹ã‹ã‚’見ã¦ã€åŸºæœ¬ã¯ä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ï¼ˆæ©Ÿèƒ½ã‚ˆã‚Šï¼‰ã®ã‚‚ã®ã‹ã‚‰ã€å……足ã•ã›ã¦ã‚†ãã¾ã™ã€‚ 下記ã¯ã€å®¶ã‚’例ã«ã—ãŸã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験ã§ã™ã€‚ Lv 0. å˜åœ¨ã—ãªã„家ãŒãªã„。寒ã„。ãã—ã¦ä½•ã‚‚解決ã—ã¦ãªã„。 Lv 1. 機能ãŒã‚ã‚‹å±‹æ ¹ã¨å£ã¨åºŠãŒã‚る。ã¨ã‚Šã‚ãˆãšé›¨é¢¨ãŒã—ã®ã’る。色々ã¨æˆ‘æ…¢ã™ã‚Œã°ã€ã¾ã生ãã¦ã„ã‘る。 Lv 2. 安全ã¨å®‰å¿ƒåœ°éœ‡ã§å£Šã‚Œãªã„。水æ¼ã‚Œã—ãªã„ã€ç«ç½å ±çŸ¥å™¨ãŒã¤ã„ãŸã€ãƒ‰ã‚¢ã«éµãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚最低é™ã®ä¿¡é ¼æ€§ãŒæ‹…ä¿ã§ãる状態ã§ã™ã€‚ Lv 3. 使ã„ã‚„ã™ã„ã€ã‚ã‹ã‚Šã‚„ã™ã„ã¾ã£ã¨ã†ã«ä½¿ãˆã‚‹ã‹ã€‚家ã®ãªã‹ã§è¿·ã‚ãªã„。生活導線ãŒæ©Ÿèƒ½ã™ã‚‹ã‹ã€‚ã‚ッãƒãƒ³ã‚„冷暖房ãªã©ãŒã‚¹ãƒ ー
iPhone Safariã§å‹•ç”»ã‚’インラインå†ç”Ÿã™ã‚‹æ–¹æ³• - Qiita
##iPhone Safariã®Videoã‚¿ã‚°ã®åˆ¶é™ iPhone Safariã®Videoã‚¿ã‚°ã«ã¯å¤§ãã2ã¤åˆ¶é™ãŒã‚る。 ユーザインタラクション（タップ）ãªã—ã«å†ç”Ÿã§ããªã„ åˆæœŸå†ç”Ÿæ™‚å¿…ãšãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³å†ç”Ÿã«ãªã‚‹ 特ã«2ãŒã‚¯ã‚»ãƒ¢ãƒŽã§ã€ã“ã‚Œã®ã›ã„ã§ãƒ¢ãƒã‚¤ãƒ«ãƒ–ラウザã«å‹•ç”»åºƒå‘Šã¯ã»ã¼ç„¡ã„ã—ã€ãƒ¢ãƒã‚¤ãƒ«ãƒ–ラウザゲームã«ã¯å‹•ç”»æ¼”出ãŒãªã„（MotionJPEGã¿ãŸã„ã«jpegを数百枚数åƒæžšå·®ã—替ãˆã‚‹ã¨ã‹æ¶™ãã¾ã—ã„ã“ã¨ã‚’ã—ã¦ã„る例ã¯ã‚る）。 ##制é™ã¯è¶…ãˆã‚‰ã‚Œã‚‹ ã“ã®åˆ¶é™ãŒè¶…ãˆã‚‰ã‚Œãªã„ã‚‚ã®ã‹ã¨èª¿ã¹ã¦ã¿ã‚‹ã¨ã€ã‚„ã¯ã‚ŠåŒã˜ã‚ˆã†ãªã“ã¨ã‚’訊ã„ã¦ã„る人ãŒå±…ãŸã€‚ inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone ã§ã€ãã®ãƒ™ã‚¹ãƒˆã‚¢ãƒ³ã‚µ
「カートã«å…¥ã‚Œã‚‹ã€ã¯æ¥ç•Œç”¨èªžã€€ãƒ¤ãƒ•ãƒ¼ã€Œã‚‰ãらã通販ã€ã€ECã®å½“ãŸã‚Šå‰ã‚’覆ã—ãŸã‚¹ãƒžãƒ›UIã«æ³¨ç›®
ECzine Day（イーシージン・デイ）ã¨ã¯ã€ECzineãŒä¸»å‚¬ã™ã‚‹ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹åž‹ã®ã‚¤ãƒ™ãƒ³ãƒˆã§ã™ã€‚変化ã®æ¿€ã—ã„ECæ¥ç•Œã€ã“ã®æ—¥ã«ãƒªã‚¢ãƒ«ãªå ´ã«ãŠè¶Šã—ã„ãŸã ãã“ã¨ã§ã€ãƒˆãƒ¬ãƒ³ãƒ‰ã‚„トピックスを効率的ã«çŸæ™‚é–“ã§ç¶²ç¾…ã™ã‚‹æ©Ÿä¼šã¨ã—ã¦ã„ãŸã ã‘ã‚Œã°å¹¸ã„ã§ã™ã€‚
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
ã“ã‚“ãªã«ã‚ã£ãŸï¼ã‚·ãƒ‹ã‚¢å¯¾å¿œã‚’本気ã§é€²ã‚る『皇潤ã€ã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ãŒä½¿ã„ã‚„ã™ã„ç†ç”± | マミオン有é™ä¼šç¤¾-パソコン・数å¦ç ”ä¿®ã€æ³•äººç ”ä¿®
シニアãŒã‚¦ã‚§ãƒ–サイトを利用ã™ã‚‹éš›ã®å¤§ããªãƒãƒ¼ãƒ‰ãƒ«ã®ä¸€ã¤ãŒã€å„種「入力フォームã€ã§ã™ã€‚ 一般的ã«ã‚·ãƒ‹ã‚¢ã®æ–¹ã»ã©å…¥åŠ›ã«æ™‚é–“ãŒã‹ã‹ã‚Šã€ã¾ãŸä¸é©åˆ‡ãªå…¥åŠ›ã«ã‚ˆã‚‹ã‚¨ãƒ©ãƒ¼ç™ºç”Ÿé »åº¦ã‚‚高ããªã‚‹ã“ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティæ¥ç•Œã®æ¨©å¨ã§ã‚るニールセンノーマングループã®ãƒ¬ãƒãƒ¼ãƒˆã‚‚統計データを用ã„ã¦æŒ‡æ‘˜ã—ã¦ã„ã¾ã™ã€‚ シニアをターゲットã¨ã—ãŸã‚¦ã‚§ãƒ–サイトã®å¤šãã¯ã“ã†ã—ãŸçŠ¶æ³ã‚’考慮ã—ã¦ã€å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚·ãƒ‹ã‚¢å¯¾å¿œã«åŠ›ã‚’入れã¦ã„ã‚‹ã¨ã“ã‚ãŒå¤šã„ã®ã§ã™ãŒã€ãã®ä¸ã§ã‚‚ç§å€‹äººã‹ã‚‰è¦‹ã¦ç‰¹ã«å®Œæˆåº¦ãŒé«˜ã„ã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ãŒã€å¥åº·é£Ÿå“ã®ã€Žçš‡æ½¤ã€ã§æœ‰åãªã‚¨ãƒãƒ¼ãƒ©ã‚¤ãƒ•ã§ã™ã€‚ 今回ã€ãã®ã‚¨ãƒãƒ¼ãƒ©ã‚¤ãƒ•ã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã§å®Ÿè£…ã•ã‚Œã¦ã„る様々ãªã‚·ãƒ‹ã‚¢å¯¾å¿œæ–½ç–ã«ã¤ã„ã¦ã€å®Ÿè£…方法ã¾ã§å«ã‚ã¦è©³ã—ãã”紹介ã—ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ 1. å„フォームãŒãã“ãã“大ãã見やã™ã„ 2. å¿…é ˆé …ç›®è¡¨ç¤ºãŒã‚ã‹ã‚Šã‚„ã™ã„ 3. ãµã‚ŠãŒãªãŒè‡ªå‹•çš„ã«å…¥åŠ›ã•ã‚Œã‚‹ 4. ä½æ‰€ãŒè‡ªå‹•çš„ã«å…¥åŠ›ã•ã‚Œã‚‹
APIã®ã‚¨ãƒ©ãƒ¼ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’見直ãㆠ- WebPay Engineering Blog
ã“ã“数ヶ月ã«ã‚ãŸã£ã¦ã€WebPayã¯APIã®ã‚¨ãƒ©ãƒ¼ã«ã¾ã¤ã‚る変更を少ã—ãšã¤è¡Œã£ã¦ãã¾ã—ãŸã€‚ ãã‚Œã«ä»˜éšã—ã¦ãƒ‰ã‚ュメントも拡張ã—ã¾ã—ãŸãŒã€å¤‰æ›´ã®èƒŒæ™¯ã«ã¤ã„ã¦å分ã«èª¬æ˜Žã§ãã¦ã„ãªã„部分ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æœ€è¿‘ã®ã‚¨ãƒ©ãƒ¼ã«é–¢é€£ã—ãŸå¤‰æ›´ã®èƒŒæ™¯ã‚’紹介ã—ã€ä»Šå¾Œã©ã®ã‚ˆã†ã«ã‚¨ãƒ©ãƒ¼ã‚’ãƒãƒ³ãƒ‰ãƒ«ã™ã¹ãã‹èª¬æ˜Žã—ã¾ã™ã€‚ 記事ã®å†…容ã¯åŸ·ç†æ™‚点ã®ã‚‚ã®ã§ã‚ã‚Šã€ä»Šå¾ŒåŒã˜ã‚ˆã†ã«ã‚¨ãƒ©ãƒ¼ã‚„APIã®å¤‰æ›´ã‚’è¡Œã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 変更ãŒã‚ã£ã¦ã‚‚記事ã®å†…容ã¯ãã®æ™‚点ã®å†…容をä¿æŒã—ã€ã‚¦ã‚§ãƒ–サイトã®ãƒ‰ã‚ュメントã®ã¿æ›´æ–°ã—ã¾ã™ã€‚ å¿…ãšã‚¦ã‚§ãƒ–サイトã®ãƒ‰ã‚ュメントをåˆã‚ã›ã¦å‚ç…§ã—ã€æ‰‹å…ƒã§å‹•ä½œç¢ºèªã‚’è¡Œã£ã¦ãã ã•ã„。 エラーã¯ãªãœèµ·ãã‚‹ã®ã‹ WebPayã®APIã¯ã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆã•ã‚ŒãŸæ“作ãŒã§ããªã‹ã£ãŸã¨ãã«ã‚¨ãƒ©ãƒ¼ã‚’è¿”ã™ã‚ˆã†ã«è¨è¨ˆã—ã¦ã„ã¾ã™ã€‚ å¯èƒ½ãªã‹ãŽã‚Šã‚¨ãƒ©ãƒ¼ã«ãªã‚‰ãªã„よã†ãªè¨è¨ˆã€å®Ÿè£…を心ãŒã‘ã¦ã„ã¾ã™ãŒã€ã‚¨ãƒ©ãƒ¼ã¯çµ¶å¯¾ã«é¿ã‘られã¾ã›ã‚“。 例ãˆã°ã€
副æ¥é‘‘定リスト | 怪ã—ã„副æ¥ãƒ»è©æ¬ºæ¡ˆä»¶ã‚’徹底的ã«é‘‘定ã—ã¾ã™
副æ¥è©æ¬ºðŸ”鑑定団ã®å±±å£ã§ã™ã€‚ 記事を最後ã¾ã§èªã‚“ã§ã„ãŸã ã〠ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ðŸ˜Š インターãƒãƒƒãƒˆã‚’活用ã—ãŸå‰¯æ¥ã¯ã€æ£ã—ã„æƒ…å ±ã‚’é¸ã¹ã°ä¸€æ°—ã«ç¨¼ãã“ã¨ãŒã§ãã‚‹ã‚“ã§ã™ãŒã€ãƒãƒƒãƒˆã®æƒ…å ±ã‚’è¦‹ã¦ã‚‹ã¨ã€Œã“れ怪ã—ã„ãªâ€¦ã€ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ãŒå¤šãã¦ã€ä¸å®‰ã«ãªã‚Šã¾ã™ã‚ˆã。 ç§ã‚‚以å‰ã€æ€ªã—ã„副æ¥ã«å¼•ã£ã‹ã‹ã£ã¦ã—ã¾ã£ã¦ã€Œã‚‚ã†å‰¯æ¥ã¯ã‚„ã‚よã†ã‹ãªâ€¦ã€ã¨æ€ã£ãŸã“ã¨ãŒã‚ã‚Šã€ç´†ä½™æ›²æŠ˜ã‚ã‚Šã¾ã—ãŸâ€¦ã€‚ ã§ã‚‚今æ€ãˆã°ã€ãã®çµŒé¨“ãŒã‚ã£ãŸã‹ã‚‰ã“ã自分ã®ä¸ã§æˆåŠŸã—ãŸã¨å®Ÿæ„Ÿã§ãã€ä»Šã§ã¯æ¯Žæœˆï¼—æ¡ä»¥ä¸Šã®åŽç›Šã‚’å¾—ã¦ã„ã¾ã™ã€‚ ã‚‚ã—「副åŽå…¥ãŒæ¬²ã—ã„ã€ã§ã‚‚何ã‹ã‚‰å§‹ã‚ã‚Œã°ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ã€ã¨æ‚©ã‚“ã ã¨ãã¯æ°—軽ã«ã”相談ãã ã•ã„😌 興味ãŒã‚ã‚Œã°ã€çŸæœŸé–“ã§åŽç›ŠãŒã‚°ãƒ³ã¨ä¸ŠãŒã£ã¦ã„る鑑定済ã¿ã®æ¡ˆä»¶ãªã©ã€ã”紹介もã§ãã¾ã™ã€‚ 詳ã—ã„ã“ã¨ã¯ LINEã‹ã‚‰ ãŠæ°—軽ã«ã©ã†ãžðŸ‘ プãƒãƒ•ã‚£ãƒ¼ãƒ«ã‚’詳ã—ã見る ▶︎
ソシオメディア | ã‚ã‚‹ã¨ã‚ˆã„機能ã¯ãªã„æ–¹ãŒã‚ˆã„
UXデザインã®ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã§ã¯ã‚ˆãå“質優先度マッピングã¨ã„ã†ã‚‚ã®ã‚’è¡Œã„ã¾ã™ã€‚ã“ã‚Œã¯é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸Šæµå·¥ç¨‹ã«ãŠã„ã¦ã€å®Ÿè£…を検討ã—ã¦ã„る機能をリストアップã—ã€ãã®ã²ã¨ã¤ã²ã¨ã¤ã«ã¤ã„ã¦æƒ³å®šã™ã‚‹åˆ©ç”¨è€…ã®å‰²åˆã‚„åˆ©ç”¨é »åº¦ã®è¦³ç‚¹ã‹ã‚‰ã‚°ãƒ«ãƒ¼ãƒ”ングã—ã€å®Ÿè£…ã®å„ªå…ˆåº¦ã‚’決ã‚る作æ¥ã§ã™ã€‚ ã“れを行ã†ç›®çš„ã¯ã€UIã‚’ã§ãã‚‹ã ã‘シンプルã«ä¿ã¤ã“ã¨ã«ã‚ã‚Šã¾ã™ã€‚ユーザーãŒæ±‚ã‚る機能をã™ã¹ã¦ç››ã‚Šè¾¼ã‚€ã¨ã€å½“然UIã¯è¤‡é›‘ã«ãªã‚Šã€èª°ã«ã¨ã£ã¦ã‚‚使ã„ã«ãã„ã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸè“‹ç„¶æ€§ã®ãƒãƒ©ãƒ³ã‚¹ãŒå–ã‚Œã¦ã„ãªã„è¦ä»¶ã¯ãƒ—ãƒã‚°ãƒ©ãƒ を複雑ã«ã—ã€ãƒã‚°ãŒå¢—ãˆã‚‹åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ UIデザインã«ãŠã‘るパレートã®æ³•å‰‡ï¼ˆçµæžœã®å¤§éƒ¨åˆ†ã¯å…¨ä½“ã®ä¸€éƒ¨ã«ã‚ˆã£ã¦ç”Ÿã¿å‡ºã•ã‚Œã‚‹ï¼‰ã¯ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®80%ã¯å…¨æ©Ÿèƒ½ã®20%ã—ã‹ä½¿ã‚ãªã„ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ãã®20%ã«æ³¨åŠ›ã—ä»–ã®å„ªå…ˆåº¦ã‚’下ã’ã‚‹ã“ã¨ã§ã€è£½å“ã®åˆ©ä¾¿æ€§ã¯å‘上ã™ã‚‹ã¯ãšã§ã™ã€‚ Core, Important, Nice
ãªãœãªã«ï¼Ÿãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãƒžãƒƒãƒ—（概è¦ç·¨ï¼‰
ユーザエクスペリエンスマップã£ã¦ãªã‚“ãžã‚„ã€ã©ã†ã„ã†æ™‚ã«ä½¿ãˆã°ã„ã„ã®ãªã©ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚実際ã«ä½œã‚‹æ–¹æ³•ã¯åˆ¥ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ã¾ã¨ã‚ã¾ã—ãŸï¼ˆhttp://www.slideshare.net/vistawalk/ss-17410597）Read less
『nodeベースã§GUIアプリを開発ã™ã‚‹ã€Œnode-webkitã€ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã“ã‚“ã«ã¡ã¯ã€‚Ameba事æ¥æœ¬éƒ¨ã®æ‰æœ¬ã¨ç”³ã—ã¾ã™ã€‚ æ¥å‹™ã§ã¯ã€Œå¤©ä¸‹çµ±ä¸€ã‚¯ãƒãƒ‹ã‚¯ãƒ«ã€ã¨ã„ã†ãƒãƒ¼ãƒ ã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ã‚’ã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€ã€Œnode-webkitã€ã¨ã„ã†ä¸€é¢¨å¤‰ã‚ã£ãŸã‚¢ãƒ—リケーションを紹介ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ç§é”ã¯æ™®æ®µã€gruntã¨ã„ã£ãŸnode.js製ã®ãƒ„ールを使ã£ã¦JavaScriptã®çµåˆã‚„圧縮ã€ç”»åƒã®æ¸›è‰²ã¨ã„ã£ãŸå‡¦ç†ã‚’自動化ã—ã¦ã„ã¾ã™ãŒã€node-webkitã¯ã“れらnodeã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’使ã£ã¦GUIアプリケーションを作れるツールã§ã™ã€‚nodeã®è³‡ç”£ã‚’ãã®ã¾ã¾åˆ©ç”¨ã§ãã‚‹ã®ã§ã€ç§ã®ã‚ˆã†ãªãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ã«ã¯å¬‰ã—ã„ã§ã™ã。
スマホUI考（番外編） UIã‚„UXを劇的ã«æ”¹å–„ã™ã‚‹ã€ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã¯ | fladdict
ã„ã¾ã€Žãƒ“ッグオー駆動型開発ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ãŒã€æ¥ç•Œã®ä¸€éƒ¨ã§æ³¨ç›®ã‚’集ã‚ã¦ã„る。 ãã®ç†ç”±ã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã 。『ビッグオーã€ã¯éžå¸¸ã«å®‰ä¾¡ã§ç°¡å˜ãªæ‰‹æ³•ã§ã‚ã‚ŠãªãŒã‚‰ã€å¾“æ¥ã®é–‹ç™ºæ‰‹æ³•ã«æ¯”ã¹åŠ‡çš„ã«UIã‚„UXを改善ã§ãã‚‹ãŸã‚ã§ã‚る。 製å“コンセプトã®ã‚ˆã†ãªä¸Šæµã‹ã‚‰ã€ãƒœã‚¿ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã£ãŸä¸‹æµå·¥ç¨‹ã€ã•ã‚‰ã«ã¯ã‚°ãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ã‚„プãƒãƒ¢ã¨ã„ã£ãŸãƒªãƒªãƒ¼ã‚¹å¾Œã®ãƒ•ã‚§ã‚¤ã‚ºã¾ã§ä¸€ã¤ã®æ‰‹æ³•ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティを評価ã§ãる。ã“ã®æ±Žç”¨æ€§ãŒãƒ“ッグオー駆動開発ã®å¤§ããªç‰¹å¾´ã§ã‚ã‚Šã€å°Žå…¥æ™‚ã®åˆ©ç‚¹ã¨ãªã‚‹ã€‚ 今回ã¯ã“ã®ãƒ“ッグオーã€ã®æ¦‚è¦ã¨å…·ä½“çš„ãªã‚„ã‚Šæ–¹ã«ã¤ã„ã¦è«–ã˜ãŸã„。Twitterã®UI拡張予言以æ¥ã€ä¹…ã—ã¶ã‚Šã®UI系エントリã§ã‚る。 ビッグオー駆動開発ã¨ã¯ä½•ã‹ï¼Ÿ ビッグオー駆動開発ã¯ã€æ£å¼ã«ã¯ã€ŽOKAN Driven Development（オカン駆動型開発）ã€ã¨ã‚ˆã°ã‚Œã‚‹é–‹ç™ºæ‰‹æ³•ã§ã‚る。 ã“ã‚Œã¯è‡ªåˆ†ã®ã‚ªã‚«ãƒ³ã‚’指標ã¨ã™ã‚‹ã“ã¨ã§ã€ä½Žã‚³ã‚¹ãƒˆ
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング入門 – 第1回 ã©ã†ã—ã¦ç´™ã§ãƒ—ãƒãƒˆã‚’作るã®ã‹ | fladdict
ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ング講座シリーズ。第1回ã¯å°Žå…¥ç·¨ã€‚ 第1回ã¯ã®å°Žå…¥ç·¨ã€‚ペーパー・プãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ã¯ä½•ãªã®ã‹ã€ä½•æ•…å¿…è¦ãªã®ã‹ã€‚ãã—ã¦å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€ã©ã‚“ãªåˆ©ç‚¹ãŒã‚ã‚‹ã®ã‹ã‚’説明ã™ã‚‹ã€‚ ペーパー・プãƒãƒˆã‚¿ã‚¤ãƒ”ングã£ã¦ä½•ï¼Ÿ ペーパー・プãƒãƒˆã‚¿ã‚¤ãƒ”ングã¨ã¯ã€ç´™ã§å®Ÿéš›ã«ã‚¢ãƒ—リやサイトを「実装ã™ã‚‹ã€ã“ã¨ã§ã‚る。 通常ã®é–‹ç™ºã«ãŠã„ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä½¿ã„ã‚„ã™ã„ã‹ã©ã†ã‹ã¯ã€é–‹ç™ºãŒçµ‚盤ã«ãªã‚‹ã¾ã§ã‚ã‹ã‚‰ãªã„。ã“ã®ãŸã‚「作ã£ã¦ã¯ã¿ãŸãŒä½¿ã„ã«ãã„ã€ã‚„「ã„ã¾ã•ã‚‰å¾Œæˆ»ã‚Šã§ããªã„ã€ã¨ã„ã†å•é¡ŒãŒç™ºç”Ÿã™ã‚‹ã€‚UIや手触りãŒé‡è¦ãªãƒ¢ãƒã‚¤ãƒ«ç³»ã®ã‚¢ãƒ—リã«ãŠã„ã¦ã€ã“ã‚Œã¯è‡´å‘½çš„ãªå•é¡Œã«ãªã‚‹ã€‚ペーパープãƒãƒˆã‚¿ã‚¤ãƒ”ングã¯ã“ã®å•é¡Œã‚’低コストã§è§£æ±ºã™ã‚‹ã€‚ ç´™ã¨ãƒšãƒ³ã§å‹•ä½œãƒ¢ãƒƒã‚¯ã‚’作æˆã™ã‚‹ã“ã¨ã§ã€æœ¬å®Ÿè£…ã‚’è¡Œã†å‰ã«ã€ç´ æ—©ã手戻ãªã検証を行ã†ã“ã¨ãŒã§ãる。ã“ã‚Œã«ã‚ˆã‚Šã€ä»•æ§˜æ›¸ç–定や実装å‰ã«PDCAã®ã‚µã‚¤ã‚¯ãƒ«ã‚’実ç¾ã§ãる。作æ¥è² è·ã®é«˜ã„本実装を行ã†å‰ã«è»½ã
コンセプトを押ã—売りã™ã‚‹ãªï¼SmartNewsãŒæ•™ãˆã‚‹é–‹ç™ºè€…ãƒã‚¤ã‚¢ã‚¹ã®æ€–ã•ï¼†AppAnnieæœ€æ–°ã‚¢ãƒ—ãƒªå¸‚å ´å‹•å‘ã€å‡ºä¼šã„ç³»ãŒæ€¥æˆé•·ï¼Ÿ-D2CRアプリセミナー | ã‚¢ãƒ—ãƒªãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ç ”ç©¶æ‰€
11/28ã«æ±äº¬ï¼ˆæ±ç•™ï¼‰ã§é–‹å‚¬ã•ã‚ŒãŸã€D2CRã•ã‚“主催ã®ã‚»ãƒŸãƒŠãƒ¼ã€Œã‚²ãƒ¼ãƒ 以外ã§ï¼äº‹æ¥ã¨ã—ã¦æˆåŠŸã•ã›ã‚‹ã‚¢ãƒ—リビジãƒã‚¹æœ€å‰ç·šï¼ç¬¬ï¼’回目ï¼ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ 本記事ã§ã¯è¬›æ¼”ã§å‚考ã«ãªã£ãŸãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ãŸã„ã¨æ€ã„ã¾ã™ã€‚クックパッドã•ã‚“ã®è¬›æ¼”ã«ã¤ã„ã¦ã¯å¾Œæ—¥åˆ¥ã®è¨˜äº‹ã«ã¦ãŠé€ã‚Šã™ã‚‹äºˆå®šã§ã™ã€‚ SmartNewsã®ãƒ“ジョン ・世界ä¸ã®è‰¯è³ªãªæƒ…å ±ã‚’é›†ã‚ã€ãれを必è¦ã¨ã—ã¦ã„る人ã¸é€ã‚Šå±Šã‘る。 SmartNewsãŒUIã«é–¢ã—ã¦è©•ä¾¡ã‚’ã„ãŸã ã„ã¦ã„ã‚‹3ã¤ã®ç†ç”± １ã€ãƒšãƒ¼ã‚¸ã‚ãã‚Šã«ã‚ˆã‚‹è»½å¿«ãªã‚¶ãƒƒãƒ”ング エンタメã¿ãŸã‚Šã‚¹ãƒãƒ¼ãƒ„ã¿ãŸã‚Šã¨ã€ã„ã‚ã‚“ãªã‚¸ãƒ£ãƒ³ãƒ«ã‚’ç°¡å˜ã«åˆ‡ã‚Šæ›¿ãˆã¦æµã—èªã¿ãŒå‡ºæ¥ã‚‹ã€‚ ï¼’ã€ç‹¬è‡ªã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã§ã‚¢ã‚¤ã‚ャッãƒã¨ä¸€è¦§æ€§ã‚’両立 写真ãŒå¤§ãã使ãˆã‚‹ã¨ã„ã†ã“ã¨ã«åŠ ãˆã¦ã€1ç”»é¢ã‚ãŸã‚Šã®æƒ…å ±æ•°ãŒå¤šã入る。 ３ã€å½¢æ…‹ç´ 解æžã¨é•·ä½“圧縮をå–り入れãŸè¦‹å‡ºã—組版 æ–‡å—ã®ã‚µã‚¤ã‚ºãŒè¡Œã«ã‚ˆã£ã¦å¤‰ã‚る。一番èªã¿ã‚„ã™ã„
"UI Patterns for Smartphone" HCD-Net SD #6
HCD-Net 教育セミナー「サービスデザイン方法論ã€ã®ç¬¬6回ã§ãŠè©±ã—ã—ãŸãƒ†ãƒ¼ãƒžã€Œã‚¹ãƒžãƒ›ã®UIパターンã€ã®ãƒ—レゼン時ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ HCD-Net | 2013年度HCD-Net教育セミナー「サービスデザイン方法論（全6回)ã€http://www.hcdnet.org/event/2013hcd-net6_1.phpRead less
Smart Transitions In User Experience Design — Smashing Magazine
Some websites outperform others, whether in their content, usability, design, features, and so on. Details of interaction design and animation make a fundamental difference on modern websites. We’ll share some lessons drawn from various models and analyze why these simple patterns work so well. When we design digital products, we often use design applications such as Photoshop and Sketch. Most peo
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Patterns  | Component patterns  | web.dev
Double touch tap workaround for React based on onTouchTap (react-tap-event-plugin)
ã‚»ã‚ュリティ診æ–・検査ã®GMOサイãƒãƒ¼ã‚»ã‚ュリティ byイエラエ
ã¯ã¦ãªã«ãŠã‘るモダンiOSアプリ開発入門
{{#tags}}- {{label}}
{{/tags}}