å®å¡šå¤§åŠ‡å ´ã¯å¥³åトイレã®æ··é›‘ãŒã™ã”ã„ã®ã§ã¯ï¼Ÿã¨æ€ã£ã¦èª¿ã¹ãŸã‚‰åœ§å€’çš„ãªç‰©é‡ï¼‹é€šã‚ŠæŠœã‘æ–¹å¼ã§æŒã„ã¦ã„るらã—ã「å®å¡šæŒåŠ‡ã™ã’ãˆâ€¦ã€ã¨ãŠã®ã®ã„ã¦ã„ã‚‹
ã¨ã•ã‹ @tosaka_public å®å¡šå¤§åŠ‡å ´ã¯ç”·å¥³æ¯”ã®åã£ãŸè¦³å®¢ãŒå¹•é–“ã«ä¸€æ–‰ã«ãŠæ‰‹æ´—ã„を済ã¾ã›ã‚‹é–¢ä¿‚ã§å¥³åトイレã®æ··é›‘ãŒã™ã”ã„ã®ã§ã¯ï¼Ÿã¨æ€ã£ã¦èª¿ã¹ãŸã‚‰ã€ã“ã®åœ§å€’çš„ãªç‰©é‡ï¼‹é€šã‚ŠæŠœã‘æ–¹å¼ã§äººã®æ»žç•™ã‚’防ã超ガãƒãªæ§‹é€ ã«ãªã£ã¦ã„るらã—ãã¦ã€å®å¡šæŒåŠ‡ã™ã’ãˆâ€¦â€¦ã¨ãŠã®ã®ã„ã¦ã„る。 pic.x.com/0HE1AQ50in 2025-10-13 17:43:01
ユニクãƒå…¬å¼ã‚µã‚¤ãƒˆãŒä½¿ãˆã¾ã›ã‚“（ã¤ã„ã§ã«ãƒ¬ã‚¸ã‚‚）｜ブラインドライターズ
ブラインドライターズã®ã‚¹ã‚¿ãƒƒãƒ•ã¯9割ãŒè¦–覚障害者。 先日ã€ã¿ã‚“ãªã§ã€Œã©ã†ã‚„ã£ã¦æœã‚’è²·ã†ã‹ã€ã®è©±ã«ãªã‚Šã¾ã—ãŸã€‚ マãƒã‚ンã®æœã¯è¦‹ãˆãªã„ã®ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ãƒˆãŒåˆ†ã‹ã‚‰ãªã„ 下ç€ã‚’è²·ã„ãŸã„ã‘ã©ã€åº—å“¡ã•ã‚“ã®æ€§åˆ¥ãŒåˆ†ã‹ã‚‰ãªã„ã®ã§å£°ã‚’ã‹ã‘ã¥ã‚‰ã„ ãƒãƒ¼ãƒ“ジョンãªã®ã§é»’ãªã®ã‹ç´ºãªã®ã‹ã‚ã‹ã‚Šã«ããã€åº—ã§è²·ã„ã¥ã‚‰ã„ ãªã©ã¨ã€ãŸãã•ã‚“ã®æ‚©ã¿ã”ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ 確ã‹ã«ã€ç•°æ€§ã®åº—å“¡ã•ã‚“ã«ä¸‹ç€ã®ç›¸è«‡ã¯ã—ã«ãã„ã§ã™ã‚ˆã。 ã‚¿ã‚°ãŒèªã‚ãªã‘ã‚Œã°ã€ã‚µã‚¤ã‚ºã‚‚分ã‹ã‚‰ãªã„。リアルã§ã®è²·ã„物ã¯ä¸€äººã§ã¯ã‘ã£ã“ã†é›£ã—ãã†ã§ã™ã€‚ ãã‚“ãªã¨ãã«ä¾¿åˆ©ãªã®ãŒECサイトã§ã™ã€‚ 色もデジタル表記ã«ãªã£ã¦ã„ã‚Œã°PCãŒèªã¿ä¸Šã’ã¦ãれるã®ã§é¸ã³ã‚„ã™ã„ 下ç€ã‚‚人ã«é ¼ã¾ãªãã¦ã„ã„ã®ã§è²·ã„ã‚„ã™ã„ マãƒã‚ンã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ãƒˆã¯è¦‹ãˆãªã„ã®ã§ã€ã‚µã‚¤ãƒˆã§ç¢ºèªã—ãŸã„ ã¾ãŸã€Œãƒªãƒ”è²·ã„ã™ã‚‹ãªã‚‰ã‚µã‚¤ãƒˆã€ã¨ã„ã†æ„見もã‚ã‚Šã¾ã—ãŸã€‚確ã‹ã«è¦‹ãˆã¦ã„ãªã„ã¨åºƒã„店内ã®ã©ã“ã«ã‚ã‚‹ã®ã‹ã‚µãƒƒãƒ‘リ分
è´è¦šéšœå®³è€…ãŒä¾¿åˆ©ã«ãªã£ãŸãªã¨æ€ã†ã“ã¨
ãªã‚“ã‹ä¸–ã®ä¸ä¾¿åˆ©ã«ãªã£ãŸãªãƒ¼ã¨æ€ã†ã“ã¨ãŒå¤šã„ã®ã§ 書ã出ã—ã¦ã¿ã‚‹ã€‚ 自分ã®ã‚¹ãƒšãƒƒã‚¯ã¯é‡åº¦ã®è´è¦šéšœå®³è€…ã§è£œè´å™¨ã‚’外ã™ã¨ä½•ã‚‚èžã“ãˆãªã„。ã‘ã©ãªã‚“ã¨ã‹å–‹ã‚Œã‚‹ãƒ¬ãƒ™ãƒ«ï¼ˆç™ºéŸ³ã¯ä¸æ˜Žçžã ã‘ã©ï¼‰ã€‚ è´è¦šéšœå®³è€…ã¿ã‚“ãªãŒåŒã˜ã‚ˆã†ã«æ„Ÿã˜ã¦ã‚‹ã‹ã¯çŸ¥ã‚‰ãªã„ã‘ã©è‡ªåˆ†ã®æ„Ÿæƒ³ã€‚ テレビã®å—幕ã“ã‚Œã¯ã ã„ã¶å‰ã‹ã‚‰ã ã‘ã©ã€ãªã‚“ã®ç•ªçµ„ã§ã‚‚大抵ã¯å—幕ãŒã¤ã„ã¦ã‚‹ã‚ˆã†ã«ãªã£ãŸã€‚一昔å‰ã¯ã“ã®ç•ªçµ„ã¯å—幕ãªã„ã‹ã…ã£ã¦äº‹ãŒå¤šã‹ã£ãŸã‘ã©ä»Šã¯ã‚‚ã†ã‚ã‚“ã¾ã‚Šãã‚“ãªã“ã¨ã¯ãªã„。深夜帯ã¯ã¤ã„ã¦ãªã„ã“ã¨ã‚‚多ã„ã‹ãªï¼Ÿ 最近ã¯CMã«ã‚‚ã¤ãよã†ã«ãªã£ãŸã€‚ã™ã”ã„。 自動文å—èµ·ã“ã—（web会è°ï¼‰ã‚³ãƒãƒŠç¦ä»¥é™web会è°ã‚ªãƒ³ãƒªãƒ¼ã«ãªã£ãŸã‚“ã ã‘ã©ã€ã‚³ãƒ³ãƒ”ューターã®æ–¹ãŒã‚ˆãèžãå–ã‚Œã¦ã‚‹ã€‚è´è¦šéšœå®³ã«ã‚‚色々ã‚ã‚‹ã¨æ€ã†ã‘ã©è‡ªåˆ†ã¯è£œè´å™¨ã‚’ã¤ã‘ã¦ã‚‚ã€èžã“ãˆã¦ã‚‚èžãå–ã‚Œãªã„事ãŒå¤šã„。音ã¨ã—ã¦èªè˜ã¯ã—ã¦ã‚‹ã‘ã©è¨€è‘‰ã¨ã—ã¦èªè˜ã§ããªã„ã‚“ã よã。ã§ã‚‚パソコンã¯ã‹ãªã‚Šã®ç²¾åº¦ã§èªè˜ã—ã¦ãれる。
「カブトクワガタã€ã¯æ—¥æœ¬ã®ã‚²ãƒ¼ãƒ アクセシビリティã®é©å‘½ã§ã‚ã‚‹
3行㧠「カブトクワガタã€ã«æ載ã•ã‚Œã¦ã„ã‚‹èªã¿ä¸Šã’機能ã«ã‚ˆã£ã¦ã€ç”»é¢ã‚’見るã“ã¨ãŒã§ããªã„全盲ã®ãƒ—レイヤーãŒã‚²ãƒ¼ãƒ を楽ã—ã‚るよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 視覚ã«éšœå®³ã‚’æŒã¤ãƒ—レイヤーã ã‘ã§ãªãã€æœªå°±å¦å…ã‚„ã€æ–‡å—ã‚’èªã‚€ã“ã¨ã«å›°é›£ã‚’抱ãˆã‚‹äººãªã©ã€è‰²ã€…ãªå±žæ€§ã®äººãŒãƒ—レイã§ãるよã†ã«ãªã£ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ システムé¢ãƒ»æŠ€è¡“é¢ã®ä¸¡æ–¹ã«ãŠã„ã¦ã€ã€Œã‚«ãƒ–トクワガタã€ã¯æ—¥æœ¬ã®ã‚²ãƒ¼ãƒ アクセシビリティã«é©å‘½ã‚’ã‚‚ãŸã‚‰ã™ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ãŒã‚ã‚Šã€ãã®äº‹å®ŸãŒã€é–‹ç™ºè€…ã‚’å«ã‚ãŸå¤šãã®äººã«çŸ¥ã‚‰ã‚Œã‚‹ã“ã¨ã‚’臨ã¿ã¾ã™ã€‚ ※最終更新: 2023/07/27 カブトクワガタã£ã¦ãªã‚“ã‚„ãã‚“ カブトクワガタ ã¯ã€Nintendo Switchã®ã‚²ãƒ¼ãƒ ã§ã™ã€‚クワガタやカブトムシを育ã¦ã¦æˆ¦ã†RPGã§ã™ã€‚2023å¹´3月15æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ ãªã«ãŒã™ã”ã„ã®ã‹ ã»ã¼å…¨ã¦ã®æ–‡å—ã‚’èªã¿ä¸Šã’ã‚‹ ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€ç”»é¢ã«è¡¨ç¤ºã•ã‚Œã‚‹ã»ã¼å…¨ã¦ã®æ–‡å—ã‚’èªã¿ä¸Šã’ã¦ãã‚Œã¾ã™ã€‚本
é…色ã¯ã‚»ãƒ³ã‚¹ã˜ã‚ƒãªã„ã€UIデザインã§è‰²ã‚’ã‹ã‚“ãŸã‚“ã«ã‚メるメソッド｜Taiki IKEDA｜note
今日ã¯å…ˆæ—¥å‹æ‰‹ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸPolipoliã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’使ã£ã¦ã€UIデザインを行ã†æ™‚ã«åƒ•ãŒæ™®æ®µã©ã®ã‚ˆã†ã«è‰²ã‚’é¸æŠžã—ã¦ã„ã‚‹ã®ã‹ã‚’ã¨ã¦ã‚‚æ£ç›´ã«æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚僕ãŒã“ã‚Œã‹ã‚‰è¨˜ã™æ–¹æ³•ã«å‰‡ã£ã¦è‰²ã‚’é¸ã¹ã°ã€èª°ã§ã‚‚ナウã§ãƒ¤ãƒ³ã‚°ãªã‚¢ãƒ—リを作るã“ã¨ãŒã§ãã¾ã™ã€‚ ã¯ã˜ã‚るよ レイアウトã«é–¢ã—ã¦ã¯ã‚¤ãƒ‹ã‚·ã‚¨ã‚ˆã‚Šã”先祖様ãŒãŠç¯‰ãã«ãªã‚‰ã‚ŒãŸãƒ«ãƒ¼ãƒ«ã«å‰‡ã£ã¦ä¸¦ã¹ã‚Œã°ã‚ªãƒ¯ã€ã‚ªãƒ¯ãƒªã§ã™ã€‚ã•ã£ããã“ã®Polipoliベッãƒãƒ¥ãƒ¼ã€ã‚¿ã‚¿ã‚ケンサã‚エディションã«è‰²ã‚’ã¤ã‘ã¦ã„ãã¾ã™ã€‚ 1. メインカラーをé¸ã¼ã†ã¾ãšã¯ã˜ã‚ã«ãƒ¡ã‚¤ãƒ³ã¨ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚’決ã‚ã¾ã™ã€‚Polipoliã®ãƒ†ãƒ¼ãƒžã‚«ãƒ©ãƒ¼ã¯ãƒ”ンクãªã®ã§ãƒ–ラウザã®æ¤œç´¢æ¬„ã«ã€Œpink flat ui designã€ã¨æ‰“ã¡è¾¼ã¿ã¾ã™ã€‚イメージã«è¿‘ã„色ãŒå‡ºã¦ããŸã‚‰ã‚¹ãƒã‚¤ãƒˆã§å¸ã„å–ã‚Šã¾ã—ょã†ã€‚著作権ã«ã¯ãã‚Œãれも注æ„ã—ã¦ãã ã•ã„責任ã¯è² ã„ã¾ã›ã‚“。 Polipoliã«é–¢ã—ã¦ã¯æœ€åˆã‹ã‚‰ãƒ¡ã‚¤ãƒ³ã‚«ãƒ©ãƒ¼
ブックマークã—ã¦ãŠããŸã„ï¼UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã€å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ | コリス
Webサイトやアプリãªã©ã®UIデザインã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«å›°ã£ãŸæ™‚ã®å‚考ã«ã€ãã—ã¦å‹‰å¼·ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’紹介ã—ã¾ã™ã€‚ ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€UIã®ã•ã¾ã–ã¾ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€å‹•ããŒæ°—æŒã¡ã„ã„アニメーションã€å®Ÿè£…ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã€å®šæœŸçš„ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„サイトã°ã‹ã‚Šã§ã™ã€‚ UI Patterns ページã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ãƒŠãƒ“ゲーションã€ãƒ‡ãƒ¼ã‚¿ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãªã©ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–性ã®é«˜ã„UIデザインã®ã•ã¾ã–ã¾ãªäº‹ä¾‹ã‹ã‚‰ã€UIã®å•é¡Œã‚’解決ã™ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ターンãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ³ãƒã—ã¦é–“ã‚‚ãªã„サイトã§ã™ãŒã€å†…容ã¯éžå¸¸ã«å……実ã—ã¦ã„ã¾ã™ã€‚ Collect UI Dribbbleã§UIデザインを探ã™äººã«ã¯ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ã€‚日々アップãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹Dribbleã®ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã®UIデザインã«é–¢ã™ã‚‹ã‚‚ã®ã®ã¿ã‚’コレクションã—ã¦ã„るサイトã§ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚‚ãƒãƒ¼ãƒ³ãƒã—ãŸã°ã‹ã‚Šã€ç™»éŒ²æ•°ã¯2,000
GIMPãŒæ案ã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«UI
ç€å®Ÿã«æ©Ÿèƒ½ã‚’増やã—続ã‘ã¦ã„るオープンソース㮠Photoshop 代替プãƒã‚°ãƒ©ãƒ GIMP。他アプリケーションã¨ã®é€£æºã‚’考ãˆã‚‹ã¨ Adobe 製å“ã§æƒãˆãŸæ–¹ãŒæœ‰åˆ©ã§ã™ãŒã€æ©Ÿèƒ½ã ã‘ã¿ã‚‹ã¨ Photoshop ã®ãƒ©ã‚¤ãƒãƒ«ã¨è¦‹ãªã—ã¦ã‚‚良ã„ãらã„充実ã—ã¦ã„ã¾ã™ã€‚GIMP㯠Photoshop ã¨åŒæ§˜ã€ãƒ—ラグインやアクションãŒå…±æœ‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚る程度ã®æ©Ÿèƒ½ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã§ã™ã€‚ 高機能ã¨ã„ã†ã®ã¯å¬‰ã—ã„ã§ã™ãŒã€ãれ故ã«ä½¿ã„ãŸã„機能ãŒã©ã“ã«ã‚ã‚‹ã‹åˆ†ã‹ã‚‰ãªã‹ã£ãŸã‚Šã€ã©ã†ã‚„ã£ã¦ä½¿ãˆã°è‰¯ã„ã‹èª¿ã¹ã‚‹ã®ã‚‚é¢å€’ã ã£ãŸã‚Šã—ã¾ã™ã€‚日本ã§ã‚‚書ç±ã¯è²©å£²ã•ã‚Œã¦ã„ã¾ã™ã—ã€æ—¥æœ¬èªžWikiã‚‚ã‚ã‚Šã¾ã™ãŒã€æ‰‹é–“ãŒã‹ã‹ã‚‹ã“ã¨ã‹ã‚‰çµå±€æ…£ã‚ŒãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«æˆ»ã£ã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªèª²é¡Œã‚’解決ã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„機能㌠AdaptableGIMP ã§ã™ã€‚ç´°ã‹ã„説明ã¯å¾Œã«ã—ã¦ã€ã¾ãšã¯ãƒ“デオを見ã¦ãã ã•ã„。 é”æˆã—ãŸã„ã‚¿
ã“ã‚ŒãŒã€ŒiPad 2ã€ã®ãƒ‘ッケージングデザインã®ç§˜å¯†ã€å¾¹åº•çš„ãªåˆç†åŒ–ã¨ã‚·ãƒ³ãƒ—ルã•ã‚’解説＆フォトレビュー
Appleã¯è²·ã£ã¦ãã¦é–‹ã‘ã‚‹ã¾ã§ã®éŽç¨‹ã‚’明確ã«ä»–社製å“ã¨å·®åˆ¥åŒ–ã—ã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験ã®æº€è¶³åº¦ã‚’å‘上ã•ã›ã€æ‰€æœ‰æ¬²ã‚’満ãŸã™ã‚ˆã†ã«ã§ãã¦ã„ã¾ã™ã€‚ã“れら一連ã®ãƒ‘ッケージングデザインã¯å˜ãªã‚‹ã‚¤ãƒ³ãƒ‘クト狙ã„ã‚„ä¿—ã«è¨€ã†Appleã®å“²å¦ã€è¦ã™ã‚‹ã«å‰µæ¥è€…ã§ã‚るスティーブ・ジョブズã®ç¾Žå¦ã ã‘ã«åŸºã¥ã„ãŸã‚‚ã®ã§ã¯ãªãã€å¾¹åº•çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティをã¾ãšè€ƒæ…®ã—ã¦ãŠã‚Šã€ãã®ä¸Šã§æˆã‚Šç«‹ãŸã›ã¦ã„ã‚‹ã‚‚ã®ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ãŒã€å®Ÿéš›ã®å…·ä½“çš„ãªãƒ‘ッケージングデザインを見るã¨ã‚ˆãç†è§£ã§ãã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ã€ŒiPad 2ã€ã®å ´åˆã€AppleãŒã©ã®ã‚ˆã†ãªå·¥å¤«ã‚’ã—ã¦ãƒ‘ッケージングデザインを行ã£ã¦ã„ã‚‹ã®ã‹ã‚’見ã¦ã¿ã¾ã—ょã†ã€‚ パッケージングデザインã®ãƒ•ã‚©ãƒˆãƒ¬ãƒ“ューã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ã“ã‚ŒãŒiPad 2ã®ãƒ‘ッケージ ã“ã®ã‚ˆã†ã«ã—ã¦ãƒ‘カッã¨é–‹ãæ–¹å¼ã«ãªã£ã¦ãŠã‚Šã€ç®±ã®ä¸Šã‚„横ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã¦å•†å“を出ã™æ–¹å¼ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ç®±ã‚’é–‹ã‘ã‚‹ã“ã¨ã§iPad 2ã®
「INFOBAR A01ã€è¶…速攻フォトレビューã€ã‚ã®å¸Œä»£ã®å機「INFOBARã€ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«
2003å¹´ã«ãƒ‡ã‚¶ã‚¤ãƒ³æºå¸¯é›»è©±é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã€Œau design project（ç¾ï¼šiida）ã€ã®ç¬¬1å¼¾ã¨ã—ã¦ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ·±æ¾¤ç›´äººæ°ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã‚’担当ã—ãŸæºå¸¯é›»è©±ã€ŒINFOBARã€ãŒ2011å¹´å¤ãƒ¢ãƒ‡ãƒ«ã®iidaスマートフォン「INFOBAR A01ã€ã¨ã—ã¦å¸°ã£ã¦ãã¾ã—ãŸã€‚ æ—¢å˜ã®æºå¸¯é›»è©±ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¨ã¯ä¸€ç·šã‚’ç”»ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³æ€§ã‹ã‚‰é«˜ã„人気を集ã‚ã€ãƒ‹ãƒ¥ãƒ¼ãƒ¨ãƒ¼ã‚¯è¿‘代美術館（MoMA）åŽè”µå“ã«ã‚‚ãªã£ãŸå機「INFOBARã€ã®ã‚¹ãƒ”リットをå—ã‘継ã「INFOBAR A01ã€ã§ã™ãŒã€ã¯ãŸã—ã¦ã©ã®ã‚ˆã†ãªãƒ¢ãƒ‡ãƒ«ã¨ãªã£ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚ 詳細ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ã“ã‚ŒãŒiidaスマートフォン「INFOBAR A01ã€ã€‚ã‚‚ã¡ã‚ん深澤直人æ°ã«ã‚ˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚3.7インãƒqHD（960×540）ディスプレイや800ä¸‡ç”»ç´ ã‚«ãƒ¡ãƒ©ã‚’æ載。OSã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯Android 2.3ã§ãƒ¯ãƒ³ã‚»ã‚°ã€èµ¤å¤–ç·šã€ãŠã‚µ
ã“ã‚Œã¯è¦ãƒã‚§ãƒƒã‚¯ï¼è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’与ãˆã‚‹ãƒŠãƒ“ゲーション集
ナビゲーションã¯ã‚¦ã‚§ãƒ–サイトã«ã¨ã£ã¦é‡è¦ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã§ã‚ã‚Šã€åŸºç›¤ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ç´ æ™´ã‚‰ã—ã„ナビゲーションã¯è±Šã‹ãªãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’与ãˆã¾ã™ã€‚ ユーザーã¯ä½¿ã„ã«ãããªã„困惑ã•ã‚Œãªã„ナビゲーションを望ã¿ã€ã‚·ãƒ³ãƒ—ルãªãƒŠãƒ“ゲーションã¯ãŸã„ã¦ã„ã®å ´åˆã€ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚‚ã®ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãªã‚‚ã®ã§ã™ã€‚ã“ã“ã§ã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªãƒŠãƒ“ゲーションã®ç´ 晴らã—ã„インタラクションã¨è‹¥å¹²ã®æ¬ 点をSmashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
High Performance Web Design ~デザインã‹ã‚‰è€ƒãˆã‚‹ãƒã‚¤ãƒ‘フォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインã‹ã‚‰è€ƒãˆã‚‹ãƒã‚¤ãƒ‘フォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAã§è©±ã‚’ã—ã¦ã‹ã‚‰1ヶ月経ã£ãŸã®ã§ã€è–„れゆã記憶ã®å¾©ç¿’ã‚‚å…¼ãã¦æ€ã„ã®ä¸ˆã‚’綴ã£ã¦ã¿ãŸï½— High Performance Web Design 1. What's High Performance?ã“ã“ã§ã„ã†ãƒ‘フォーマンスã¨ã„ã†ã®ã¯Webサイトã®è¡¨ç¤ºé«˜é€ŸåŒ–ã«ã¤ã„ã¦ã§ã™ã€‚ã¤ã¾ã‚Šã€ãƒšãƒ¼ã‚¸ã‚’ã„ã‹ã«æ—©ã表示ã•ã›ã‚‹ã‹ã¨ã„ã†èª²é¡Œã§ã™ã€‚ã§ã‚‚ã€ãã†ã‚†ã†ã®ã£ã¦ã‚µãƒ¼ãƒãƒ¼å´ã®å•é¡Œã§ã—ょ？システムエンジニアã®ç®¡è½„ã˜ã‚ƒãªã„ã®ï¼Ÿã¨æ€ã‚ã‚ŒãŒã¡ã§ã™ãŒã€Œãƒã‚¤ãƒ‘フォーマンスWebサイトã€ã®è‘—者ã§ã‚ã‚‹Steve Soudersã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨ã€80:20。一般的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å¾…ã¡æ™‚é–“ã®å®Ÿã«80%ãŒãƒ–ラウザå´ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è²»ã‚„ã•ã‚Œã¦
都é“府県é¸æŠžã™ã‚‹ã‚„ã¤ã€‚
メモ。 誰ã‹ã®å½¹ã«ã‚‚ç«‹ã¤ã‹ã‚‚ã—ã‚Œãªã„ã—ã£ã¦ã“ã¨ã§ã€ã„ã¤ã‚‚éŽåŽ»ã®æ¡ˆä»¶ã®ã‚½ãƒ¼ã‚¹ã¨ã‹æŽ¢ã—ã¦ãƒšã‚¿ãƒšã‚¿ã—ã¦ã‚‹ã‘ã©ã€ä½•å‡¦ã§ä½¿ã£ãŸã®ã‹å¿˜ã‚ŒãŸã‚Šã™ã‚‹ã®ã§ã“ã“ã«è²¼ã£ã¦ãŠã“ã†ã€‚ - コメントã«ã¦ä½¿ç”¨æ¡ä»¶ã‚’書ã„ã¦ã»ã—ã„ã¨ã®äº‹ã ã£ãŸã®ã§å¿µã®ç‚ºè¿½è¨˜ã—ã¦ãŠãã¾ã™ã€‚ 特別記載ãŒç„¡ã„エントリー以外ã¯ã€ã©ã†ä½¿ã†ã®ã‚‚自由ã§ã™ã€‚ 自分ã®ãƒ–ãƒã‚°ã«ãã®ã¾ã¾ã‚½ãƒ¼ã‚¹æŽ²è¼‰ã—ã¦ã‚‚らã£ã¦ã‚‚ã€ä»•äº‹ã§ä½¿ã£ã¦ã‚‚ã„ã„ã§ã™ã—ã€ã‚らゆる用途ã«å¯¾ã—ã¦è‡ªç”±ã«ä½¿ã£ã¦ãã ã•ã„。 ã‚‚ã¡ã‚ã‚“ã€æ”¹å¤‰ãƒ»é…布ã¨ã‹ã‚‚自由ã§ã™ã€‚ ãŸã ã€ã‚¦ãƒã§å…¬é–‹ã—ã¦ã„るソースやサンプルã«å¯¾ã—ã¦ä½•ã‚‰ã‹ã®å•é¡ŒãŒç”Ÿã˜ã¦ã‚‚責任ã¯è² ã„ã¾ã›ã‚“。å„自ã®è²¬ä»»ã§ã”利用ãã ã•ã„。 大体ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ selectè¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—済ã¿ã®éƒ½é“府県ã®ã‚„㤠<select name="都é“府県"> <option value="">都é“府県をãŠé¸ã³ãã ã•ã„。</option> <optgroup label="北
アイトラッã‚ングã‹ã‚‰æ¤œè¨¼ã—ãŸã€ä½¿ã„ã‚„ã™ã„フォームã®10ã®ãƒã‚¤ãƒ³ãƒˆ
Google Mailã€Hotmailã€Yahoo! Mailã€eBayã®å„サインアップã®ãƒ•ã‚©ãƒ¼ãƒ を使用ã—ã¦ã€22～33æ‰ã¾ã§ã®å¹³å‡27æ‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼8人を被験者ã«ã—ãŸã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ングã‹ã‚‰æ¤œè¨¼ã—ãŸã€ä½¿ã„ã‚„ã™ã„フォームã®10ã®ãƒã‚¤ãƒ³ãƒˆã‚’cxpartnersã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Web forms design guidelines an eyetracking study 以下ã€10ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ãƒã‚¤ãƒ³ãƒˆã®ãƒ”ックアップã§ã™ã€‚ 1. Vertical, not horizontal æ°´å¹³ã§ã¯ãªãã€åž‚直㫠フォームã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€æ°´å¹³æ–¹å‘ã®é…置やãã‚ŒãŒæ··åœ¨ã—ãŸã‚‚ã®ã§ã¯ãªãã€å˜ç´”ã«åž‚ç›´æ–¹å‘ã«é…ç½®ã—ãŸã‚‚ã®ãŒåŠ¹æžœçš„ã§ã™ã€‚ å¯èƒ½ã§ã‚ã‚Œã°ã€å„ラベルも垂直方å‘ã«æƒãˆã¦é…ç½®ã—ã¦ãã ã•ã„。 2. Left-aligned labels are clearer (anecdotally) ラベルã¯å·¦å¯„ã›ã«ã™ã‚‹ã¨ã€ã‚ˆ
ユーザーインターフェイスè¨è¨ˆã ã‘ã§ã¯Webユーザビリティã¯å‘上ã—ãªã„ | 実践ï¼Webマーケティング：Blog | ミツエーリンクス
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ä¼æ¥ã§Webサイトã®é‹å–¶ã«æºã‚ã£ã¦ã„ã‚‹æ–¹ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°éƒ¨é–€ç‰ã§Webã®æ´»ç”¨æ³•ã«ã¤ã„ã¦è€ƒãˆã¦ãŠã‚‰ã‚Œã‚‹æ–¹å‘ã‘ã«ã€Webマーケティングã®å®Ÿè·µã®ãŸã‚ã®æ‰‹æ³•ã‚„ノウãƒã‚¦ã€äº‹ä¾‹ã‚’ã”紹介ã—ã¦ã„ãã¾ã™ã€‚å¸‚å ´ã«å‡ºå›žã‚‹æ›¸ç±ã‚„雑誌ã§ã¯è«–ã˜ã‚‰ã‚Œã‚‹ã“ã¨ãªã„ã€Webマーケティングã®æœ€å‰ç·šã«è§¦ã‚Œã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 2005å¹´09月09æ—¥ ユーザーインターフェイスè¨è¨ˆã ã‘ã§ã¯Webユーザビリティã¯å‘上ã—ãªã„ マーケティングユニット 棚橋 å‰ã€…回ã®ã€Œã‚«ã‚¿ãƒã‚°ã¨ç›®éŒ²ã€€ï½žå£²è²·ã®å ´ã«ãŠã‘ã‚‹æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティ～ã€ã§ã‚‚ã™ã“ã—触れã¾ã—ãŸãŒã€Webユーザビリティをå‘上ã•ã›ã‚‹ãŸã‚ã«ã¯ã€å˜ã«è¦‹ãŸç›®ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å·¥å¤«ã‚’åŠ ãˆãŸã¨ã“ã‚ã§ã©ã†ã«ã‚‚ãªã‚‰ãªã„ã“ã¨ãŒå¤šã€…ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€Webサイトã«ãŠã„ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼è¡Œå‹•ï¼ˆãã®ä½¿ã„å‹æ‰‹ï¼‰ã«å½±éŸ¿ã‚’与ãˆã‚‹è¦ç´ ã¯ã€å˜ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ã¯ãªãã€æŽ²è¼‰ã•ã‚Œ
UIデザインガイドラインã®ã¾ã¨ã‚ : could
UIUXガイドライン UIデザインガイドラインã®ã¾ã¨ã‚ デザインガイドラインã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作るã¨ãã ã‘ã§ãªãã€UIデザインを考ãˆã‚‹éš›ã«ã‚‚役立ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚今ã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines 個人的㫠UI デザインガイドラインã¨ã„ãˆã°ã“れ。日本語訳も大変便利ã§ã™ Apple User Experience Guides ソフトウェア開発å‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚考ã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines 会員登録ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF 資料ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ラウザ上ã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
「ãŸã‹ãŒè‰²ã€ã•ã‚Œã©è‰²ã€ ヒトã¨Webã¨è‰²ã®é–¢ä¿‚：MarkeZine（マーケジン）
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
インタビュー2009（１）ウェブデザイナーã®ä¸æ‘勇å¾æ°ã€Œæ—§ä¸–代サイトを見直ã—ãŸã„ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆ-最新ニュース:IT-PLUS
éºä¼åを効率よã改変ã™ã‚‹ã‚²ãƒŽãƒ ç·¨é›†ç ”ç©¶ã®ç¬¬ä¸€äººè€…ã§ç±³ãƒ–ãƒãƒ¼ãƒ‰ç ”究所ã®ãƒ•ã‚§ãƒ³ãƒ»ãƒãƒ£ãƒ³ä¸»ä»»ç ”究員ã¯ã€ã‚¨ãƒœãƒ©å‡ºè¡€ç†±ã‚„ジカ熱ã®æ—©æœŸè¨ºæ–技術を開発ã—ãŸã“ã¨ã‚’明らã‹ã«ã—ãŸã€‚ウイルスã®éºä¼æƒ…å ±ãŒâ€¦ç¶šã å—ç²¾åµã®ã‚²ãƒŽãƒ 編集ã€ãªãœå•é¡Œã€€å„ªç”Ÿæ€æƒ³ã¨è¡¨è£ä¸€ä½“ ［有料会員é™å®šï¼½ ゲノム編集食å“　販売容èªã€æ¡ä»¶æº€ãŸã›ã°å®‰å…¨å¯©æŸ»ãªã— ［有料会員é™å®šï¼½
ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ï¼šUIデザイン原則をソシオメディアãŒèªžã‚‹ - builder by ZDNet Japan
シーãƒãƒƒãƒˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¸ãƒ£ãƒ‘ンã¯9月29æ—¥ã€builderã¨ã—ã¦ã¯2回目ã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ãªã‚‹ã€Œbuilder tech dayã€ã‚’開催ã—ãŸã€‚今回ã¯ã€ŒUser Interface & beyondã€ã‚’テーマã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ã‚¢ãƒ‰ãƒ“システムズã€ã‚«ãƒ¼ãƒ«ã®ã‚¹ãƒ”ーカーãŒç™»å£‡ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è¬›æ¼”ã—ãŸã€‚ 本稿ã§ã¯ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢å–ç· å½¹ã§ã‚る上野å¦æ°ã®åŸºèª¿è¬›æ¼”「ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ã€ã‚’紹介ã—よã†ã€‚ トイレã«ã²ãã‚€UIã®ãƒ’ント 講演ã®å†’é ã€ä¸Šé‡Žæ°ã¯ç±³å›½ã®è‘—åãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ•ã‚¡ãƒ¼ãƒ ã€Adaptive Pathã«2008å¹´ã¾ã§åœ¨ç±ã—ã¦ã„ãŸDan Safferæ°ã¨å¯¾è©±ã—ãŸéš›ã®ã‚¨ãƒ”ソードを披露。 Safferæ°ãŒã€Œãƒˆã‚¤ãƒ¬ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§˜ã€…ãªãƒ’ントãŒã‚ã‚‹ã€ã¨è©±ã—ã¦ã„ãŸã“ã¨ã‚’紹介ã—ã€ä¸‹ã®ç”»åƒã‚’示ã—ãŸã€‚ 上野æ°ã¯èµ¤è‰²ã®æ³¨æ„書
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/2009/01/table.html
Site Under Maintenance
{{#tags}}- {{label}}
{{/tags}}