ã“ã‚Œã ã‘守れã°è¦‹ã‚„ã™ããªã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž
2019/04/18ã«æ ªå¼ä¼šç¤¾gumi様ã§è¡Œã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³è¬›ç¾©ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ デザインã¨ã¯ä½•ã‹ï¼Ÿãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯ä½•ã‚’考ãˆã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作ã£ã¦ã„ã‚‹ã®ã‹ï¼Ÿ ã¨ã„ã†è©±ã‹ã‚‰ã€å®Ÿéš›ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’評価・検討ã™ã‚‹ãŸã‚ã®è¨€è‘‰ã‚’紹介ã—ã¦ã„ã¾ã™ã€‚
心地よã„UIã®æ¸©åº¦ - 言葉ã¨æ°—é£ã„ã§é«˜ã‚ã‚‹UI -
1. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. Speaker No.4 / KAYAC inc. 割石 裕太 2. 割石 裕太 KAYAC inc. Designer (2012.4 - ) 自己紹介 @KAYAC inc. OH is a design project by yuta wariishi.  website design, app UI/UX design, Branding & Logo design. 3. @wariemon Art Direction & Web / App / Blanding / Logo Design OH : http://wariemon.com 自己紹介 @OH (Personal
ã‚‚ã†ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã£ã¦ç–²ã‚Œã¾ã›ã‚“？進化ã™ã‚‹ç§ãŸã¡ã®æŒ‡ã¨è¦–野｜ワカモノã®ãƒˆãƒªã‚»ãƒ„
ã“ã‚“ã«ã¡ã¯ï¼ç¾å½¹å¥³å大生二人組ã«ã‚ˆã‚‹è‹¥è€…ã®ä»Šã‚’ä¼ãˆã‚‹ãƒ¡ãƒ‡ã‚£ã‚¢ã€Œãƒ¯ã‚«ãƒ¢ãƒŽã®ãƒˆãƒªã‚»ãƒ„ã€ã§ã™ã€‚ 春休ã¿æº€å–«ä¸ã®ç§ãŸã¡ã¯ã€è‡ªç„¶ã¨æºå¸¯ã‚’見る時間ãŒå¢—ãˆã¾ã—ãŸã€‚ ãã‚“ãªæ™‚ã«ã€ 「ã‚れ？最近縦スクãƒãƒ¼ãƒ«ã™ã‚‹ã®ãŒã‚‚ã†å«Œã«ãªã£ã¦ããŸãžï¼Ÿï¼ã€ã¨æ€ã†ã‚ˆã†ã«ãªã£ãŸã“ã¨ã«æ°—ã¥ã„ãŸã®ã‚’ãã£ã‹ã‘ã«ã€ä»Šå›žã¯ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¤ã„ã¦ç§ãŸã¡ã®æœ€è¿‘ã®ä¾¡å€¤è¦³ã‚’ãŠè©±ã—ã—ã¾ã™ã€‚ ■縦スクãƒãƒ¼ãƒ«ã§æº€è¶³ã§ãã¦ã„ãŸæ™‚代縦スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ä»£è¡¨çš„ãªã‚‚ã®ã¯ã“ã¡ã‚‰ã€‚ ・Instagramã®ãƒ•ã‚£ãƒ¼ãƒ‰æŠ•ç¨¿ ・コスメやファッションã€æ—…行系ã®ã‚ュレーションメディア ・Twitterã®ã‚¿ã‚¤ãƒ ライン ・クックパッド ・Safariã€Chromeãªã©ã®ã‚¦ã‚§ãƒ–ブラウザãŸã¡ 昨年ã®å¤é ƒã¾ã§ã¯ã€ã¾ã 縦スクãƒãƒ¼ãƒ«ã¸ã®ã‚¹ãƒˆãƒ¬ã‚¹ãŒè–„ã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚20件ã€30件ã¨ã‚¤ãƒ³ã‚¹ã‚¿ã®ãƒ•ã‚£ãƒ¼ãƒ‰æŠ•ç¨¿ã‚’見るã®ãŒå…¨ãè¾›ã„ã¨æ„Ÿã˜ã¾ã›ã‚“ã§ã—ãŸã€‚コスメやファッションã€æ—…行系ã®ã‚ュレーション
複雑㪠UI ã‚’æŒã¤ Web アプリã®å®Ÿè£…課題を洗ã„出㙠- ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
Virtual DOM ã§ã¨ã‚Šã‚ãˆãšãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‘¨ã‚Šã®å•é¡ŒãŒè§£æ±ºã—ã¦ã„ã¦ã€ Elm を使ã†ã¨åž‹ã¾ã‚りも解決ã™ã‚‹ã®ã ãŒã€ãã®å…ˆã«èª²é¡ŒãŒå±±ç©ã—ã¦ããŸã®ã§ã€ã„ã¾è€ƒãˆã¦ã„ã‚‹ã“ã¨ã‚’メモã—ã¦ãŠã。å‰æã¨ã—ã¦ã¯ã€ä¸€èˆ¬çš„㪠GUI ã£ã½ã„アプリをブラウザ上ã§å‹•ã‹ã™ã“ã¨ã‚’考ãˆã¦ã„る。ãŠå½¹ç«‹ã¡æƒ…å ±ã§ã¯ãªã„ã®ã§æ‚ªã—ã‹ã‚‰ãšã€‚ã“れ㧠90 日以上ブãƒã‚°ã‚’æ›´æ–°ã—ã¦ã„ãªã„ã¨ã‹ã„ã†åºƒå‘Šã‚‚消ãˆã‚‹ã¯ãšã€‚ ルーティング GUI 延長ã®ãƒ–ラウザアプリã¨ã„ã†è¦–点ã§ã¯ã€ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã¯ä»˜åŠ 機能ã«éŽãŽãªãã¦ã€å€‹äººçš„ã«ã¯ã€Œãã“㯠UI ã˜ã‚ƒãªã„ã‹ã‚‰ã„ã˜ã‚‰ãªã„ã§ã€ã¨è¨€ã„ãŸã„ã®ã ãŒã€ã‚„ã£ã±ã‚Šã€Œ?q=hogehogeã€ã¨ã‹ã‚’弄る人ãŒã„ã¦é¢å€’ã ãªã¨æ€ã£ã¦ã„る。ã“ã®ãƒ‘ラメータ部分ã¯çµ„ã¿åˆã‚ã›å•é¡Œã§ã€Œ?a=foo&b=barã€ã¨ã„ã†ã®ãŒã‚ã£ãŸæ™‚ã«ã©ã†ã—ã¦ã‚‚「aを指定ã—ãŸã¨ãã¯bã¯æŒ‡å®šã™ã‚‹ãªã€ç‰ã¨ã„ã†æš—é»™ã®åˆ¶ç´„ãŒã‚ã‚Šã€ãã®æ™‚ã«å˜ã«ç„¡è¦–ã™ã‚‹æˆ¦ç•¥ã¨ URL
ソシオメディア | OOUI – オブジェクトベースã®UIモデリング
最近ã€OOUX ã¨ã„ã†è¨€è‘‰ã‚’見èžãã—ã¾ã—ãŸã€‚ã“ã‚Œã¯ã‚ªãƒ–ジェクト指å‘ã®åˆ©ç”¨è€…体験（Object-Oriented User Experience）ã®ã“ã¨ã§ã€ã„ãã¤ã‹ã®è¨˜äº‹ã‚’èªã‚“ã ã¨ã“ã‚ã€ã‚¢ãƒ—リケーションè¨è¨ˆã«ãŠã„ã¦ç”»é¢ã¨ãƒ‡ãƒ¼ã‚¿ã‚’対応ã¥ã‘ã‚‹éš›ã«ã‚ªãƒ–ジェクトを手掛ã‹ã‚Šã«ã™ã‚‹ã¨ã„ã†æ–¹æ³•è«–ã®ã‚ˆã†ã§ã™ã€‚ã¤ã¾ã‚Š OOUX ã¯ã€Œã‚ªãƒ–ジェクトベースã®UIモデリングã€ã¨è¨€ã„æ›ãˆã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ãã†ã™ã‚‹ã¨å®Ÿã¯ä»¥å‰ã‹ã‚‰ãã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã‚ã‚Šã€ã€ŒOOUI（オブジェクト指å‘ユーザーインターフェース）ã€ã¨å‘¼ã°ã‚Œã¦ã„ãŸã®ã§ã™ã€‚最近ã«ãªã£ã¦ OOUX ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚れるã®ã¯ã€OOUI ã®ã“ã¨ã‚’知らãªã‹ã£ãŸã‹ã€ã‚‚ã—ãã¯æµè¡Œèªžã§ã‚る「UXã€ã‚’用ã„ãŸæ–¹ãŒã‹ã£ã“ã„ã„ã¨è€ƒãˆãŸã‹ã‚‰ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 「オブジェクトベースã®UIモデリングã€ã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã¯ã€GUI アプリケーションをデザインã™ã‚‹éš›ã®åŸºæœ¬çš„ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Apple Design Resources
Guidelines for Keyboard User Interface Design
ユーザーã«è€ƒãˆã•ã›ã¡ã‚ƒãƒ€ãƒ¡ï¼ クルーグã®Webユーザビリティ第一法則 | 超明快 Webユーザビリティ［Web担特別公開版］
{{#tags}}- {{label}}
{{/tags}}