40 Inspiring Chat UI Designs – Bashooka
Many people say conversational UI is the future of web interface. Some might say it`s just another design fad or that text-based interfaces aren`t anything new with the advent of iPhone Messages, Slack or Facebook Messenger the way we exchange information changed irreversibly. Text messages have became extremely natural way of communicating these days. So in this post we`ve gathered 40 Inspiring C
芋蔓検索ã®ã™ã™ã‚ : 続・ユビã‚タスã®è¡—角
何ã‹(A)を見ãŸã¨ã別ã®ä½•ã‹(B)ã‚’æ€ã„出ã™ã“ã¨ãŒã‚ã‚‹ã®ã¯ã€è„³ã®ä¸ã§Aã¨BãŒé–¢é€£ã¥ã‘られã¦ã„ã‚‹ã‹ã‚‰ã ã‚ã†ã€‚Bã‚’æ€ã„出ã™ã“ã¨ã§ã¾ãŸåˆ¥ã®ä½•ã‹(C)ã‚’æ€ã„出ã™ã¨ã„ã£ãŸå…·åˆã«èŠ‹è”“å¼ã«è¨˜æ†¶ã‚’ãŸã©ã£ã¦æ˜”ã®è¨˜æ†¶ã‚’復活ã§ãã‚‹ã“ã¨ãŒã‚る。é ã®ä¸ã§ç„¡æ„è˜ã«ã“ã†ã„ã£ãŸæ¤œç´¢ã‚’è¡Œãªã£ã¦ã„ã‚‹ã“ã¨ã¯å¤šã„ã ã‚ã†ã€‚ 一方ã€Webã®æƒ…å ±ã‚„è‡ªåˆ†ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’検索ã—ãŸã„å ´åˆã¯ã‚ーワード検索ã™ã‚‹ã®ãŒæ™®é€šã§ã‚ã‚Šã€ãƒ‡ãƒ¼ã‚¿é–“ã®é–¢é€£ã‚’利用ã—ã¦æ¤œç´¢ã™ã‚‹ã®ã¯é›£ã—ã„。ã—ã‹ã—様々ãªãƒ‡ãƒ¼ã‚¿ãŒè‡ªç„¶ã«é–¢é€£ã¥ã‘られã¦ã„ã‚Œã°ã€è¨ˆç®—機上ã§ã‚‚脳内ã¨åŒã˜ã‚ˆã†ãªèŠ‹è”“検索ãŒã§ãã¦ä¾¿åˆ©ãªã¯ãšã§ã‚る。 デジカメ写真や音声データãªã©ã¯ã‚ーワード検索ã—ã«ãã„ã®ã§ã€ãƒ‡ãƒ¼ã‚¿é–“ã®é–¢é€£ã‚’利用ã—ã¦æ¤œç´¢ã™ã‚‹æ–¹ãŒåŠ¹æžœçš„ã§ã‚る。ãŸã¨ãˆã°å±•ç¤ºä¼šã§æ’®å½±ã—ãŸå†™çœŸãŒæ¬²ã—ã„å ´åˆã€å±•ç¤ºä¼šã®æ—¥ä»˜ã‚’ã‚ーワード検索ã—ã¦ã‹ã‚‰ãã®æ—¥ã®å†™çœŸã‚’検索ã™ã‚Œã°ã†ã¾ã見ã¤ã‘ã‚‹ã“ã¨ãŒã§ãる。ã“ã®å ´åˆã€å†™çœŸã«ã‚ーワードãŒã¤ã„ã¦ã„
第23回　JavaScriptã«ã‚ˆã‚‹UIã®å®Ÿè£…：スライダー | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å‰å›žã€å‰ã€…回ã«å¼•ã続ãã€JavaScriptã§UIを実装ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚今回ã¯å‰å›žã®ãƒ‰ãƒ©ãƒƒã‚°ã¨é–¢é€£ã®æ·±ã„スライダーを実装ã—ã¦ã¿ã¾ã™ã€‚ 基本ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ スライダーã¯ç°¡å˜ã«ã„ãˆã°å‹•ãã®åˆ¶é™ã•ã‚ŒãŸãƒ‰ãƒ©ãƒƒã‚°ã§ã™ã€‚ 今回もã€æœ€åˆã¯ãªã‚‹ã¹ãシンプルã«å®Ÿè£…ã—ã¦ã¿ã¾ã™ã€‚ã¾ãšã€åŸºæœ¬ã¨ãªã‚‹HTMLã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ スライダーã®åŸºæœ¬HTML <form class="js-slider-form" onsubmit="return false;"> <input type="text" name="slider" id="slider1o" value="0"> <div id="slider1" class="js-slider"> <div></div> <input type="button" value=""> </div> </form> 今回ã¯å°‘々手抜ãã§ã€input ty
javascript スライドãƒãƒ¼ (スライダ) コントãƒãƒ¼ãƒ«
ライブラリを利用ã›ãšã«æ‰‹è»½ã«æ±Žç”¨ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãƒãƒ¼ãƒ»ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚’作æˆã™ã‚‹ javascript コードã§ã™ã€‚å˜ä½“ã®é–¢æ•°ã¨ã—ã¦å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ã™ã¹ã¦ã®å¤‰æ•°ã‚„æ“作関数ã¯ä»–ã®åå‰ã¨è¡çªã—ãªã„様ã«ã‚¯ãƒãƒ¼ã‚¸ãƒ£å†…ã«éš 蔽ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã«ã¯å¤–部ä¾å˜ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã‚ã‚Šã¾ã›ã‚“。利用ã•ã‚Œã‚‹ã™ã¹ã¦ã®ã‚¹ã‚¯ãƒªãƒ—トã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã“ã®ãƒšãƒ¼ã‚¸è‡ªèº«ã«å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ 動作確èªæ¸ˆã¿ãƒ–ラウザ：FireFox 3.5, Safari 4, Opera 10, Chrome 4 （IE 㯠IE6 ã¾ã§å¯¾å¿œã™ã‚‹æ§˜ã«çµ„ã‚“ã ã¤ã‚‚ã‚Šã§ã™ãŒæœªç¢ºèªï¼‰ 基本的㫠CSS2 㨠HTML DOM ã«å¯¾å¿œã—ã¦ã„㦠javascript ㌠ECMA-262 ã«æº–æ‹ ã—ã¦ã„るブラウザãªã‚‰å¤§ä½“動作ã™ã‚‹ã¨æ€ã‚ã‚Œã¾ã™ã€‚ 例 ãƒãƒ¼ã‚’クリックã™ã‚‹ã¨ãã®ä½ç½®ã«ãƒŽãƒ–ãŒç§»å‹•ã—ã¦æ“作対象ãŒå¤‰åŒ–ã—ã¾ã™ã€‚ ノブã§ãƒžã‚¦ã‚¹ãƒœã‚¿ãƒ³ã‚’押ã™ã¨ãƒŽãƒ–をドラッグ出æ¥ã¾ã™ã€‚マウス
Future Home Controller フューãƒãƒ£ãƒ¼ãƒ›ãƒ¼ãƒ コントãƒãƒ¼ãƒ©ãƒ¼
rtiæŠ€ç ”ã¯è§£æ•£ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®ã‚µãƒ¼ãƒãƒ¼ã¯å°‘ãªãã¨ã‚‚æ¥å¹´2025å¹´å¤ã¾ã§ã¯ã€å€‹äººç®¡ç†ã§ç¶æŒã™ã‚‹äºˆå®šã§ã™ã€‚ 他社ã‹ã‚‰ç™ºå£²ã•ã‚Œã¦ã„ã‚‹ä¼¼ãŸã‚ˆã†ãªè£½å“ãŒã„ãã¤ã‹ã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãã¡ã‚‰ã«ä¹—ã‚Šæ›ãˆã‚‰ã‚Œã‚‹ã“ã¨ã‚’推奨ã—ã¾ã™ã€‚ ä»®ã«ã‚µãƒ¼ãƒãƒ¼ãŒåœæ¢ã—ãŸã¨ã—ã¦ã‚‚ã€ãƒãƒ¼ã‚«ãƒ«IPã§FHCã«æŽ¥ç¶šã—ã¦åˆ©ç”¨ã™ã‚‹ã“ã¨ã¯å¯èƒ½ã§ã™ã€‚ 今ã¾ã§ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Chat: A minimal mobile app UI kit | Inside Design Blog
Chat UIs & Interaction Design
Beyond Quantified Self: | Data for Wellbeing
{{#tags}}- {{label}}
{{/tags}}