Blueprintã¨ã„ã†UIツールã‚ットを知ã£ã¦ã„ã¾ã™ã‹ï¼Ÿ
ã¯ã˜ã‚㫠今回ã®è¨˜äº‹ã¯Blueprintã«ã¤ã„ã¦ã§ã™ï¼ GitHubã®Staræ•°ã¯15900（執ç†æ™‚点）ã§ã™ã€‚ å˜ç´”ã«ã€ã“ã‚“ãªUIツールもã‚ã‚‹ã‚“ã よã£ã¦çŸ¥ã£ã¦ã‚‚らãˆã‚Œã°å¹¸ã„ã§ã™ã€‚ 何ãŒè‰¯ã‹ã£ãŸã®ã‹ Blueprintã¯ã€ã‚·ãƒ³ãƒ—ルã§ã‹ã‚ã„ã„見ãŸç›®ãŒå€‹äººçš„ã«å¥½ã¿ã§ã™ã。 ã‚ã¨ã¯IEã«ã‚‚ã—ã£ã‹ã‚Šã¨å¯¾å¿œã•ã‚Œã¦ã„ã‚‹ã¨ã“ã‚ã€å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãŒå……実ã—ã¦ã„ã¦ä½¿ã„æ–¹ãŒä¸€ç›®ã§è¦‹ã¦åˆ†ã‹ã‚Šæ˜“ã„ã®ã‚‚良ã„ã¨ã“ã‚ã§ã™ã。 UIツールã¯ä»–ã«ã‚‚Material-UIã¨ã‹ã‚ã‚‹ã®ã§ã™ãŒã€ Material-UIã¯è‰²å¡—ã‚Šã®ãªã‹ã«ç™½ã§æã‹ã‚Œã¦ã„るデザインãŒå€‹äººçš„ã«ã¯å¥½ã¿ã§ãªã‹ã£ãŸã§ã™ã€‚。。 ç°¡å˜ãªå°Žå…¥ ç°¡å˜ã«ä½¿ãˆã‚‹ã®ã§ã€å°Žå…¥ã®ä»•æ–¹ã‚’紹介ã—ã¾ã™ã€‚ ã¾ãšã¯install（もã¡ã‚ã‚“NPMã§ã‚‚å¯èƒ½ï¼‰ $ yarn add @blueprintjs/core react react-dom Reactベースã®WebUIツールãªã®ã§react
ã€ç¿»è¨³ã—ã¦ã¿ãŸã€‘Google Design - モーションデザインã¯é›£ã—ããªã„｜Iori Iwaki｜Motion Graphic Designer
å‰ç½®ã 去年ã®æš®ã‚Œé ƒã€æœ€åˆã«ç¿»è¨³ã‚’ã—よã†ã¨æ€ã£ãŸã‚ッカケãŒã“ã®è¨˜äº‹ã§ã—ãŸã€‚海外ã§ã¯ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹è¨˜äº‹ãŒMediumã«å˜åœ¨ã—ã€æ—¥æœ¬èªžè¨˜äº‹ãŒå˜åœ¨ã—ãªã„ã“ã¨ã«ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã¦ã„ã¾ã—ãŸã€‚著者ã®Jonasã•ã‚“ã«é€£çµ¡ã‚’å–ã‚Šã€ç¿»è¨³ã®è¨±å¯ã‚’ã„ãŸã ã„ãŸã“ã¨ã‹ã‚‰ã“ã®noteã®ç¿»è¨³ã‚’始ã‚ã¾ã—ãŸã€‚ 引用元 : Medium - Google Design - Motion Design Doesn't Have to be Hard 著者 : Jonas Naimark Googleã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã§åƒãモーションデザイナー。 å½¼ã®Twitter,Dribbleアカウントã¯ã“ã¡ã‚‰ã€‚ https://twitter.com/jonasnaimark https://dribbble.com/jonasnaimark モーションデザインã¯UIã®è¡¨ç¾åŠ›ã‚’å‘上ã•ã›ã€ä½¿ã„ã‚„ã™ãã™ã‚‹æ‰‹ç«‹ã¦ã«ãªã‚Šã¾ã™ã€‚ã
商用利用無料ï¼UIã§ã‚ˆã見ã‹ã‘ã‚‹ã‹ã‚ã„ã„アニメーションã§å‹•ãSVGアイコンãŒã‚³ãƒ”ペã§åˆ©ç”¨ã§ãã‚‹ -Potlab Icons
<svg version="1.1" id="icon-hearbeat" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="510px" height="510px" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;" xml:space="preserve"> <path d="M369.75,21.675c-43.35,0-86.7,20.4-114.75,53.55c-28.05-33.15-71.4-53.55-114.75-53.55C61.2,21.675,0,82.875,0,161.925 c0,96.9,86.7,175.95,219.3,29
iPhone 3G Sをゲットã—ã¾ã—ãŸã‚ˆ:Kenn's Clairvoyance
ã‚‚ã¯ã‚„毎年ã®æ’例行事ã¨ãªã£ãŸæ„Ÿã®ã‚ã‚‹ã€iPhone新発売ã¨ã‚¢ãƒƒãƒ—ルストア・パãƒã‚¢ãƒ«ãƒˆåº—ã§ã®å‚列ã§ã™ãŒã€ä»Šå¹´ã‚‚è¡Œã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚4å¹´å‰ã«æ¸¡ç±³ã—ãŸèº«åˆ†ã§ã¯AT&Tã®é•·æœŸå¥‘約優待ãŒè¶³ã‚Šãªã„ãŸã‚ã€æº€é¡ã®å‰²å¼•ã‚’å—ã‘られãšã«16GBã®ç™½ã§$399ã®æ”¯æ‰•ã„ã¨ãªã‚Šã¾ã—ãŸãŒã€‚。。 並んã§ã„ã‚‹é–“ã€Tã•ã‚“ã«Androidã®æ–°ç«¯æœ«HTC Magicã®å®Ÿç‰©ã‚’触らã›ã¦ã„ãŸã ã„ãŸã‚Šã‚‚ã—ã¾ã—ãŸã€‚çµæ§‹ã€é›°å›²æ°—ã¯ã‹ã‚ã„ã„æ„Ÿã˜ã«ä»•ä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ã“ã‚Œãªã‚‰ã€Œã‚¢ãƒªã€ã‹ã‚‚。 模倣ã™ã‚‹å…ƒãƒã‚¿ãŒã‚ã‚‹ã‹ã‚‰ã¨ã¯ã„ãˆã€ã“ã‚Œã ã‘ã®çŸæœŸé–“ã§ã ã„ã¶è‰¯ããªã£ã¦ã¦ã€é ‘å¼µã£ã¦ã‚‹ãªãƒ¼ã¨ã®æ„Ÿæƒ³ã‚’æŒã¡ã¾ã—ãŸã€‚ã„ã¤ã‚‚ã€Androidã®ç¾çŠ¶ã£ã¦ã„ã†ã®ã¯Windows 1.0ãŒã‚ˆã†ã‚„ã2.0ã«ãªã£ãŸãらã„ã®ã‚‚ã‚“ã ã‹ã‚‰ã€Windows 3.1ã¨ã‹Windows 95ãŒå‡ºã¦é€†è»¢ã™ã‚‹ã¾ã§ã«ã¯ã‚ã¨5å¹´ã¨ã‹10å¹´ã¨ã‹ã‹ã‹ã‚‹ã‚ˆã€ãªã‚“ã¦è¨€ã£ã¦ãŸã®ã§ã™ãŒã€ã“ã®æ„Ÿã˜ã ã¨ãã‚“ãªã«å…ˆã§
é«˜æœ¨æµ©å…‰ï¼ è‡ªå®…ã®æ—¥è¨˜ - æ±äº¬åœ°ä¸‹é‰„ã§Bluetooth探査
6路線約4時間ã§329個ã®Bluetoothデãƒã‚¤ã‚¹ãŒæ¤œå‡ºã•ã‚ŒãŸ*1。ã‚ã¾ã‚Šäººã¯å¤šããªã‹ã£ãŸã€‚公開è¨å®šã«ã—ã¦ã„る人ã®å‰²åˆã¯ã€ã“ã‚Œã¾ã§ã®çµŒé¨“ã‹ã‚‰ã€ã ã„ãŸã„10人〜15人ã«1人ãらã„ã¨æ„Ÿã˜ã‚‹ã€‚ 既知ã¨ã®éé‡ ã•ã¦ã€åŒã˜äººã«éé‡ã—ã¦ã„ã‚‹ã ã‚ã†ã‹ã€‚6路線ã®ãƒã‚°ã‚’集計ã—ã¦ã¿ã‚‹ã¨ã€ã•ã™ãŒã«åŒã˜äººã¯ã„ãªã‹ã£ãŸã€‚ã§ã¯ã€ã“ã®6路線ã®ãƒã‚°ã‚’1日夜ã®å±±æ‰‹ç·š4周ã¨7æ—¥æœã®å±±æ‰‹ç·š3周ã¨çªãåˆã‚ã›ã‚‹ã¨ã©ã†ã‹ã€‚ ãªã‚“ã¨ã€é©šã„ãŸã“ã¨ã«4人もã„ãŸã€‚ 001CEEXXXXXX 2009-03-14.18:04:06 16:56 | 0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48 001CEEXXXXXX
iphoneãŒçŠ¯ã—ãŸãŸã£ãŸä¸€ã¤ã®é–“é•ã„ - 煩悩是é“å ´
「直感的ã«ä½¿ãˆã‚‹ã€ã¨æ€ã„ã“ã¾ã›ãŸã¨ã“ã‚。iphoneã¯ç›´æ„Ÿçš„ã˜ã‚ƒãªã„。 iPhoneã‚’ã»ã‚“ã¨ã†ã«ä½¿ã£ãŸã“ã¨ã®ã‚る人間ãªã‚‰ã‚ã‹ã‚‹ã¨æ€ã†ãŒã€iPhoneã¯ãã‚‚ãもマニュアルã™ã‚‰ä»˜ã„ã¦ãªã„。「見りゃã‚ã‹ã‚‹ã§ã—ょ?ã€ã¨ã„ã†ã‚ã‚‹æ„味ユーザーをçªã放ã™ä»•æ§˜ãªã®ã ãŒã€å®Ÿéš›è¦‹ã‚Šã‚ƒã‚ã‹ã‚‹ã€‚ãªã‚“ã¨ãªãã„ã˜ã£ã¦ã‚‹ã¨ã ã‚“ã ã‚“ã‚ã‹ã£ã¦ãる。アフォーダンスã¨ã„ã†è¨€è‘‰ãŒã‚ã‚‹ãŒã€ãã‚ŒãŒå®Ÿã«ã†ã¾ã„。何も考ãˆãšç´ ç›´ã«ã„ã˜ã£ã¦ã„ã‚Œã°ã€ä½¿ãˆã¦ã—ã¾ã†ã®ã§ã‚る。森公美åã«è¦‹ã‚‹ãƒ ラ社会ã¨ã‚¬ãƒ©ãƒ‘ゴスケータイ - ç‹ã®çŽ‹å›½ã„ã‚„ã‚ã€ãã‚Œã¯ç„¡ã„ã§ã—ょ。ç§ãŒiphoneã®ä½¿ã„方を知ã£ãŸã®ã¯ipod touchã®æ“作を実演ã—ã¦ã„ã‚‹YOUTUBEã®å‹•ç”»ã ã£ãŸã‘ã©ã€äº‹å‰æƒ…å ±ã‚’å…¨ã入手ã—ãªã„状æ³ã§ãƒ•ãƒªãƒƒã‚¯ã‚„タップã€ãƒ”ンãƒã‚¤ãƒ³ãƒ»ã‚¢ã‚¦ãƒˆã¨ã„ã†æ“作を「ãªã‚“ã¨ãªãã€ã§å‡ºæ¥ã‚‹äººãŒã©ã®ãらã„å˜åœ¨ã—ã¦ã„ã‚‹ã®ã§ã—ょã†ã‹ã€‚ç§ã¯iphoneユーザã ã‘ã‚Œã©ã‚‚ã€iphoneãŒ
イラストã§è¦‹ã‚‹ã€Œã¯ã¦ãªãƒ–ックマークã®ãƒˆãƒƒãƒ—ページã¯è¿·å®®ã€ - シナトラåƒä»£å
ã¯ã¦ãªãƒ–ックマークã®ãƒˆãƒƒãƒ—ページ㧠「èªæ›¸ã‚«ãƒ†ã‚´ãƒªã®æ–°ç€ã‚¨ãƒ³ãƒˆãƒªã€ã‚’見ãŸã„ ã¨æ€ã£ãŸã‚‰ã€ã©ã†ã™ã‚Œã°ã„ã„ã§ã—ょã†ã‹ï¼Ÿ ã¯ã„ã€ãã“ã®ã‚ªãƒƒã‚µãƒ³ã€‚ 「èªæ›¸ã¨æ›¸ã„ã¦ã‚るカテゴリリンクã‹ã‚‰ãŸã©ã‚Œã°è¡Œã‘ã‚‹ã¨æ€ã„ã¾ã™ã€ ブブーï¼ã€€ã¯ã„スタートã«æˆ»ã‚‹ã€‚ ãã‚“ãªã«ç°¡å˜ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ãªãœãªã‚‰ã€ã¯ã¦ãªãƒ–ックマークã®ãƒˆãƒƒãƒ—ページã§ã¯ 「èªæ›¸ã¨æ›¸ã„ã¦ã‚るカテゴリリンクã§ã‚ã£ã¦ã‚‚ã€åˆ¥ã€…ã®ç•°ãªã‚‹ãƒšãƒ¼ã‚¸ã¸ãƒªãƒ³ã‚¯ã•ã‚Œã¦ã„る〠ã‹ã‚‰ã§ã™ã€‚ 以下ã€ãµã¤ã†ã«è¾¿ã‚‹ã§ã‚ã‚ã†æ‰‹é †ã‚’追ã£ã¦ã¿ã¾ã™ã€‚ å—ã‚’èªã¿ãŸããªã„ã²ã¨ã¯ã‚¤ãƒ©ã‚¹ãƒˆã¾ã§é£›ã°ã—ã¦ãã ã•ã„。 「最近ã®äººæ°—エントリーã€ã‚’click →ã¯ã¦ãªãƒ–ックマーク - 人気エントリー（http://b.hatena.ne.jp/hotentry） カテゴリãŒå‡ºã¦ãã‚‹ã®ã§ã€èªæ›¸ã‚«ãƒ†ã‚´ãƒªã‚’click →ã¯ã¦ãªãƒ–ックマーク - 人気エントリー - èªæ›¸ï¼ˆhttp://b.hatena.ne.jp
「ãªãžã‚Šå‡ºã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ»ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’「気æŒã¡ã„ã„ã€ã¨æ„Ÿã˜ã‚‹ç†ç”± - llameradaã®æ—¥è¨˜
ã¯ã˜ã‚㫠先日公開ã—ãŸTagGridã¯æ¯”較的好評ã ã£ãŸã‚ˆã†ã§Asiajinã«ã‚‚ã¨ã‚Šã‚ã’ã¦é ‚ãã¾ã—ãŸã€‚ Flickr mashup on Google App Engine from Japan – Asiajin TagGridã§ã¯ã€ç”»é¢å…¨ä½“を埋ã‚ã¤ãã™ã‚ˆã†ã«75x75ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’表示ã—ã¦ã„ã¾ã™ã€‚1024x768ã¨æ¯”較的å°ã•ã„ウィンドウサイズã®å ´åˆã§ã‚‚ã€è¡¨ç¤ºã•ã‚Œã‚‹å†™çœŸã®æ•°ã¯70æžšãらã„ã«ãªã‚Šã¾ã™ã€‚ TagGridã§ã¯ã€ã“れらã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’一度ã«å…¨éƒ¨è¡¨ç¤ºã™ã‚‹ã®ã§ã¯ãªãã€ãƒžã‚¦ã‚¹ã‚’移動ã•ã›ã‚‹ã”ã¨ã«ã€ãƒžã‚¦ã‚¹ã§ãªãžã£ãŸç®‡æ‰€ã®å†™çœŸã‚’表示ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã“ã®UIã¯å€‹äººçš„ã«ã‚‚ã‹ãªã‚Šæ°—ã«å…¥ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã¯ã¦ãªãƒ–ックマークã§ã®ã‚³ãƒ¡ãƒ³ãƒˆã§ã‚‚「気æŒã¡ã„ã„ã€ã¨ã®è©•ä¾¡ã‚’é ‚ã‘ã¦ã„るよã†ã§ã™ã€‚ãã“ã§ã€ã“ã®UIã‚’ãªãœã€Œæ°—æŒã¡ã„ã„ã€ã¨æ„Ÿã˜ã‚‹ã®ã‹ç†ç”±ã‚’考ãˆã¦ã¿ã¾ã—ãŸã€‚ ã¯ã¦ãªãƒ–ックマーク - 16000æžšã®
ゲーム㮠UI ç ”ç©¶ (2007/10/05ï¼ java-ja)
ゲーム㮠UI ç ”ç©¶ï¼ java-ja onk (大仲 能å²) æ‰€å±žï¼šæ ªå¼ä¼šç¤¾ãƒ‰ãƒªã‚³ãƒ blog：http://onk.blog.drecom.jp/ twitter：http://twitter.com/onk/ tumblr：http://onk.tumblr.com/ よã‚ã—ããŠé¡˜ã„ã—ã¾ã™ ゲーム㨠Web ã®å…±é€šç‚¹ 大ãã2㤠マニュアルをèªã¾ãªã„ユーザ層 ゲームã®å ´åˆ ゲームセンターをベース ã¨ã—ã¦ã„ã‚‹ã®ãŒåŽŸå› web ã¯â€¦â€¦ ãªã‚“ã§èªã¾ãªã„ã‚“ã ã‚ã†ï¼Ÿ マニュアルã®åˆ†åŽšã•('A`)？ マニュアルをèªã¾ãªãã¦ã‚‚ æ“作ãŒåˆ†ã‹ã‚‰ãªãã¦ã¯ã„ã‘ãªã„ ゲームã¯ãƒ›ãƒ³ãƒˆã«ã“ã‚ŒãŒä¸Šæ‰‹ã„  2ã¤ã‚ 長時間ã®é€£ç¶šæ“作 ã“ã‚ŒãŒå®¶é›»ã¨ ゲーム/ web ã¨ã® 大ããªå·® ã ã‹ã‚‰ã“ã ユーザをãƒãƒ¡ã‚‹æ¼”出 ãŒå¿…è¦ ã“ã®ç‚¹ã§ ゲームã¯2æ©ã‚‚3æ©ã‚‚ 先を行ã£ã¦ã„ã‚‹
プレゼンã«ã‚‚最é©ã€ãƒšãƒ¼ã‚¸å†…ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–線をシミュレートã™ã‚‹ -Feng GUI heatmap | コリス
Feng GUI heatmapã¯ã€ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«åŸºã¥ã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–ç·šãŒã©ã®ã‚ˆã†ã«ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã™ã‚‹ã‹ã¨ãã®é »åº¦ã‚’表示ã™ã‚‹ãƒ’ートマップを作æˆã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚ Feng GUI heatmap Feng GUI heatmapã¯ã€å®Ÿéš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦–線やマウスã®å‹•ã・クリックを検出ã™ã‚‹ã‚‚ã®ã§ã¯ãªãã€ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«åŸºã¥ã„ã¦ãƒ’ートマップを作æˆã—ã¾ã™ã€‚ãã®ãŸã‚ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒã‚°ãªã©ã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“。 フラッシュã®å ´åˆã¯ã€ã‚ャプãƒãƒ£ã—ãŸç”»åƒï¼ˆ960x640）をアップãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ç”Ÿæˆã•ã‚Œã¾ã™ã€‚ ヒートマップを作æˆã™ã‚‹ã«ã¯ã€ï¼“ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ オンライン㧠Firefoxã®ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³ã§ ViewFinder website heatmap 1.0 ブックマークレット㧠Feng GUI heatmapã¯ç‹¬è‡ªã®ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã§ãƒ’ートマップを作æˆã™ã‚‹ã®ã§ã€å®Ÿéš›ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ãªã„
「クセã«ãªã‚‹ä½¿ã„å‹æ‰‹ã€ã¯ã“ã†ã‚„ã£ã¦ä½œã‚‹ï¼ï¼šæ—¥çµŒãƒ“ジãƒã‚¹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³
「クセã«ãªã‚‹ã€ä½¿ã„å‹æ‰‹ã€ä½¿ã„心地ã¨ã¯ä½•ã‹ã€‚å‰ç·¨ã§ã‚¸ãƒ§ã‚°ãƒ€ã‚¤ãƒ¤ãƒ«ï¼ˆ+JOG）開発担当者ãŸã¡ã¯ãれを「触ã£ã¦ã„ã‚‹ã ã‘ã§å¿ƒåœ°ã‚ˆãæ„Ÿã˜ã‚‰ã‚Œã‚‹ã‚ˆã†ãªãƒ‡ãƒã‚¤ã‚¹ã€ã¨è¡¨ç¾ã—ã¾ã—ãŸã€‚ã§ã¯ã€ã©ã†ã‚„ã£ã¦å‰µã‚‹ã®ã‹ã€‚å‰ç·¨ã¯ã‚ã®å°ã•ãªãƒ€ã‚¤ãƒ¤ãƒ«ã«è¾¼ã‚られãŸè§¦æ„Ÿã¸ã®åŸ·å¿µã‚’èžãã¾ã—ãŸã€‚後編ã¯ã€è§¦æ„Ÿã‚’実際ã®æ“作ã¨ã©ã†ãƒªãƒ³ã‚¯ã•ã›ã‚‹ã®ã‹ã‚’扱ã†ã€ã‚½ãƒ•ãƒˆç·¨ã¨ãªã‚Šã¾ã™ã€‚ ãã®å¾Œç·¨ã®ç·¨é›†ä½œæ¥ä¸ã«ã€ã‚½ãƒ‹ãƒ¼ãƒ»ã‚¨ãƒªã‚¯ã‚½ãƒ³ãƒ»ãƒ¢ãƒã‚¤ãƒ«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ºï¼ˆä»¥ä¸‹ã‚½ãƒ‹ãƒ¼ãƒ»ã‚¨ãƒªã‚¯ã‚½ãƒ³ï¼‰ãŒã€NTTドコモå‘ã‘端末ã‹ã‚‰äº‹å®Ÿä¸Šæ’¤é€€ã‹ã¨ã®å ±é“ãŒã‚ã‚Šã¾ã—ãŸã€‚ソニー・エリクソンå´ã‹ã‚‰ã¯ã€ŒNTTドコモå‘ã‘ã®å•†å“化計画ã«ã¤ã„ã¦ã€ä¸€éƒ¨è¦‹ç›´ã—を図ã£ã¦ã„ã‚‹ã“ã¨ã¯äº‹å®Ÿã§ã™ãŒã€ä»Šå¾Œã‚‚開発をå«ã‚ã¦ãƒ“ジãƒã‚¹ã¯ç¶™ç¶šã—ã¦ã¾ã„ã‚Šã¾ã™ã€ã¨ã€æ—¥æœ¬å›½å†…ã§ã®æºå¸¯é›»è©±é–‹ç™ºäº‹æ¥ç¸®å°ã‚’å…¬å¼ã«å¦å®šã™ã‚‹ã‚³ãƒ¡ãƒ³ãƒˆãŒå‡ºã•ã‚Œã¾ã—ãŸã€‚æºå¸¯é›»è©±ãƒ¡ãƒ¼ã‚«ãƒ¼ã®ç«¶äº‰ã®æ¿€ã—ã•ã¨ã€æ—¥æœ¬å¸‚å ´ã®å˜åœ¨æ„ŸãŒç›¸å¯¾çš„ã«è»½ããªã£ã¦ã„ã‚‹ã“ã¨ã‚’ã€
æ ªå¼ä¼šç¤¾ã¯ã¦ãªæœ€å¼·åŒ–計画 - ココãƒç¤¾
ã“ã‚“ã«ã¡ã¯ã€‚å‹æ‰‹ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ä¼æ¥ã€ã‚³ã‚³ãƒç¤¾ã§ã™ã€‚ 新コーナーを作ã£ã¦ã¯æ”¾ç½®ã—ã¦ç”³ã—訳ã‚ã‚Šã¾ã›ã‚“…ã¨ãã©ãã€å‹æ‰‹ã«ã‚³ãƒ³ã‚µãƒ«ãƒˆã‚’ã™ã‚‹ä¼ç”»ã‚’ã‚„ã£ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¿ãªã•ã‚“ã¯ã€è‡ªåˆ†ãŒé¡§å®¢ã¨ã„ã†ç«‹å ´ã®ã¨ãã‚‚ã€ã€Œã†ãƒ¼ã‚“…ã¼ããŒã“ã“ã®æ‹…当ã ã£ãŸã‚‰ã“ã†ã™ã‚‹ãªãーã€ã¨æ€ã†ã“ã¨ã£ã¦ãªã„ã§ã—ょã†ã‹ã€‚ã‚ãŸã—自身ã¯ã€å…¸åž‹çš„ãªç·åˆè·ã¨ã„ã†æ„Ÿã˜ã§ã€ã‚µãƒ¼ãƒ“スã®ä¼ç”»ãƒ»ã‚½ãƒ•ãƒˆã®åˆ¶ä½œãƒ»åºƒå‘Šã®åˆ¶ä½œãƒ»ç·¨é›†ãªã©ã‚’å°‘ã—ãšã¤ã‹ã˜ã£ã¦ã„ã‚‹ã ã‘ã§ã€ã©ã®åˆ†é‡Žã‚‚ä¸é€”åŠç«¯ã«ã—ã‹çŸ¥ã‚‰ãªã„ã®ã§ã™ãŒã€æ™®é€šã«ãƒ“ジãƒã‚¹ã‚’ã—ã¦ã„る感覚ã‹ã‚‰ã™ã‚‹ã¨ã€ã€Œãƒãƒƒãƒˆã®ã‚µãƒ¼ãƒ“スã®æä¾›ã®ä»•æ–¹ã¯ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ã¦ã‚‹ã€ã¨æ€ã†ã“ã¨ãŒå¤šã„ã§ã™ã€‚ã¨ãã«æ ªå¼ä¼šç¤¾ã¯ã¦ãªã¯ã€ãƒžã‚¤ãƒšãƒ¼ã‚¹ãªé‹å–¶ã§å•†æ©Ÿã‚’逃ã—ã¦ã„ã‚‹æ„Ÿã˜ãŒã—ã¦ã€ä»–人事ãªãŒã‚‰æ°—ã«ãªã£ã¦ã—ょã†ãŒãªã„ï¼â€¦ã¨ã„ã†ã“ã¨ã§ã€åƒè¶ŠãªãŒã‚‰ã€ã‚ãŸã—ãŒä»Šã¾ã§å–り組んã§ããŸãƒ“ジãƒã‚¹ã®æ„Ÿè¦šã‹ã‚‰ã€ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“スã®é‹å–¶æ–¹æ³•ã«ã¤ã„ã¦ã€ã“ã†ã—ãŸã‚‰ã„ã„ã®ã§
会員登録ã®æ•·å±…を下ã’る入力フォームã®ä½œã‚Šæ–¹(PCç·¨) - ã‚ャズムを超ãˆã‚ï¼
本エントリã¯ã€20〜40代ã®PCã‚’ã‚る程度使ã„ã“ãªã—ã¦ã„るユーザーå‘ã‘ã®ä¼šå“¡ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®è¨è¨ˆã«ã¤ã„ã¦è¿°ã¹ãŸã‚‚ã®ã§ã‚る。ケータイサイトã¯å«ã¾ãªã„ã—ã€ã‚·ãƒ‹ã‚¢ã‚‚対象ã¨ã—ã¦ã„ãªã„。シニアå‘ã‘UIã«ã¤ã„ã¦ã¯(å¤ã„エントリã ãŒ)ã“ã¡ã‚‰ "ユーザーID"ã¨"メールアドレス" 減ã£ã¦ã¯ããŸã‚‚ã®ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDã¨ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã®ä¸¡æ–¹ã‚’å–ã‚‹WebサービスãŒã„ã¾ã ã«çµæ§‹ã‚ã‚‹(ex. Remember the milk)。ã¯ã¦ãªã‚„YahooAuctionã®ã‚ˆã†ã«ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼IDãŒãƒ‹ãƒƒã‚¯ãƒãƒ¼ãƒ ã«ç›¸å½“ã™ã‚‹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã‚µã‚¤ãƒˆã€ã¯é™¤ãã¨ã—ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼IDを一般客ã«å…¬é–‹ã—ãªã„ã«ã‚‚é–¢ã‚らãšIDã¨ãƒ¡ãƒ«ã‚¢ãƒ‰ã®ä¸¡æ–¹ã‚’å–ã‚‹æ„図ãŒã‚ã‹ã‚‰ãªã„。 ユーザーIDã¨ã—ã¦ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’使ã†ãƒ¡ãƒªãƒƒãƒˆã¯ 会員登録フォームã®å…¥åŠ›å¿…é ˆç®‡æ‰€ãŒ1個減る 好ã¿ã®IDãŒå–ã‚Œãªã„事件ãŒé˜²ã’ã‚‹ "ID忘れ"ã«ã‚ˆã‚‹æ©Ÿä¼šæ失/幽霊会員ãŒæ¸›ã‚‹ æµçŸ³ã«è‡ªåˆ†ã®ãƒ¡ã‚¢ãƒ‰ã¯å¿˜ã‚Œ
ユーザビリティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らㆠ- inucaraã®æ—¥è¨˜
ã“ãªã„ã ã®ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã£ã¦ã©ã†ã„ã†ä»•çµ„ã¿ã§å‹•ã„ã¦ã„ã‚‹ã®ï¼Ÿã€ã«æ›¸ã„ãŸäº‹å‰ç ”ä¿®ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«ã¤ã„ã¦ã‚‚話ã—ãŸã„ã¨æ€ã£ã¦ç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ を作ã£ã¦ã¿ãŸã‚ˆã€‚ 想定ターゲットã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒ¦ã®å—も知らãªã„よã†ãªäººã‚„ã€ã“ã‚Œã‹ã‚‰ã‚¦ã‚§ãƒ–サイトã®è¨è¨ˆã€æ§‹ç¯‰ã®ä»•äº‹ã‚’ã—よã†ã¨ã—ã¦ã„る人。ã“れらã®äººã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らã†ãŸã‚ã«ã€å‰å›žã¨åŒã˜ã‚ˆã†ã«è©±ã™å†…容をã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ã£ã¦ã¿ã‚‹ã€‚ ã¡ãªã¿ã«å‰å›žã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ä»•çµ„ã¿ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ“リティã£ã¦è©±ãŒé£›ã‚“ã§ã‚‹ã‘ã©ã€ãã†ã„ã†ã“ã¨ã¯æ°—ã«ã—ãªã„ã§æ€ã„ã¤ãã“ã¨ã‚’メモ的ã«ã©ã‚“ã©ã‚“書ã„ã¦ã£ã¦ã€æµã‚Œã¯æœ€å¾Œã«è€ƒãˆã‚ˆã†ã‹ãªã£ã¦æ„Ÿã˜ã€‚ ã˜ã‚ƒã‚ã€ã•ã£ãã始ã‚ã‚‹ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã£ã¦ä½•ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€ã¿ã‚“ãªã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã£ã¦è¨€è‘‰ã¯èžã„ãŸã“ã¨ã‚ã‚‹ã‹ãªï¼Ÿã€€æ—¥æœ¬èªžã§ã€Œä½¿ã„ã‚„ã™ã•ã€ã£ã¦æ„味ãªã‚“ã ã‘ã©ã€åˆ©ç”¨è€…ãŒã„ã‹ã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãã€ä¾¿åˆ©ã§ç°¡å˜ã§ç›´æ„Ÿçš„ãªæ“作ãŒã§ãã‚‹ã‹ã€ã£
ユーザーã«ã¨ã£ã¦ã¯ã€UIã“ããŒè£½å“ãã®ã‚‚ã® (ZEROBASE BLOG)
「ユーザーインタフェイス(UI)ã¯è£½å“ãã®ã‚‚ã®ã ã€ã€Œæ©Ÿèƒ½ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸€éƒ¨ã§ã—ã‹ãªã„ã€ã¨ã„ã†èªè˜ã‚’広ã‚ãŸã„。ãã‚Œã«ã‚ˆã‚Šä¼æ¥ãŒå„ªã‚ŒãŸè£½å“を生ã¿å‡ºã—ã€ãƒ¦ãƒ¼ã‚¶ãŒå„ªã‚ŒãŸè£½å“を手ã«ã—ã€ä¼æ¥ã‚‚利益を得るã“ã¨ãŒã§ãる。ãã†ã„ã†ã€ã„ã¾ã‚ˆã‚Šè‰¯ã„産æ¥ç¤¾ä¼šï¼ˆã¨ãã«Webã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢åˆ†é‡Žï¼‰ã‚’実ç¾ã—ã¦ã„ããŸã„。 Appleã‚‚ã¨ãã©ãã¸ã‚“ãªã“ã¨ã‚’ã—ã¾ã™ã€‚ æ–°ã—ã„iMovieã¯ã‚ã¾ã‚Šã«ã‚‚UIãŒå¾“å‰ã¨ç•°ãªã‚Šã€å¤ãã‹ã‚‰ã®iMovieユーザã§ã‚る僕ã¯ã‹ãªã‚Šæ··ä¹±ã—ãŸã‚ã’ãã€ä½¿ã†ã®ã‚’ã‚„ã‚ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã‚ã‚Œã ã‘é•ã†UIを用æ„ã™ã‚‹ãªã‚‰ã€ã‚‚ã¯ã‚„é•ã†åå‰ã®ã‚½ãƒ•ãƒˆã«ã—ã¦ã»ã—ã„ã¨æ€ã£ãŸã»ã©ã§ã™ã€‚ ---Leopardã¨Vistaã¨UIã®é€²åŒ–ã§æ°—ã‚’ã¤ã‘ã‚‹ã¹ãã“㨠- UEI清水亮代表å–ç· å½¹ç¤¾é•·å…¼CEO *é–¢é€£æƒ…å ± 「UIãŒå¤‰ã‚ã‚Šã™ãŽã‚‹ã¨ã€åŒã˜è£½å“ã ã¨èªè˜ã§ããªããªã‚‹ã€ãã‚Œã¯ãªãœã‹ï¼Ÿ æ–°ã—ã„技術ã«ã‚ˆã£ã¦å¾“æ¥ã®æž 組ã¿ã‚’超ãˆãŸãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªä¸–
PhotoShopã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーãã£ãã‚Šãªã‚«ãƒ©ãƒ¼ãƒ”ッカー「JavaScript Color Pickerã€:phpspot開発日誌
PhotoShopã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーãã£ãã‚Šãªã‚«ãƒ©ãƒ¼ãƒ”ッカー「JavaScript Color Picker〠2007å¹´10月09æ—¥- PhotoShop-like JavaScript Color Picker Many people have noted "it looks like [picker X]" and they are right: there are tons of pickers out there (I listed a few in the original post). PhotoShopã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーãã£ãã‚Šãªã‚«ãƒ©ãƒ¼ãƒ”ッカー「JavaScript Color Pickerã€ã€‚ prototyope.jsベースã§ã€IE5.5, IE6, IE7, FF2, Opera 9, Safari 2 ã§å‹•ä½œã—ã¾ã™ã€‚ æ´—ç·´ã•ã‚ŒãŸPhotoShopã®ã‚«ãƒ©ãƒ¼ãƒ”ッカーＵＩ ã‚’
akihiro kamijo: Thermo （Adobe ã®æ–°ã—ã„ RIA ツール） æƒ…å ±
MAX ã§æ–°ã—ã„製å“ã«ã¤ã„ã¦ã®è©±ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã”紹介ã—ã¾ã™ã€‚ã¨ã„ã£ã¦ã‚‚ã€ã¾ã 実際ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã®ã¯ã ã„ã¶å…ˆã®ã‚ˆã†ã§ã™ãŒã€‚ ã•ã¦ã€Thermo 㯠RIA ã® UI デザイン作æ¥ã‚’効率化ã™ã‚‹ãŸã‚ã«æä¾›ã—よã†ã¨è€ƒãˆã‚‰ã‚Œã¦ã„るツールã§ã™ã€‚Thermo を使ã£ãŸéš›ã«æƒ³å®šã•ã‚Œã¦ã„るワークフãƒãƒ¼ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã‚‚ã®ã§ã™ï¼ˆãŸã¶ã‚“）。 Photoshop, Illustrator, Fireworks ã§ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作æˆã™ã‚‹ 作æˆã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’ Thermo ã§ã‚’直接開ãã€ã¾ãŸã¯ Thermo ã®æ画ツールを使ã£ã¦ç”»é¢ã‚’デザインã™ã‚‹ ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾ã—ã¦ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’è¿½åŠ ã™ã‚‹ トランジションç‰ã®ãƒ“ジュアルエフェクトを定義ã™ã‚‹ サンプルデータをè¨å®šã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹ MXML ã¨ã—ã¦æ›¸ã出ã—ã¦é–‹ç™ºè€…ã«æ¸¡ã™ Photoshop, Illustrator, Fireworks ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤
ã“ã‚Œã‹ã‚‰ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ™‚代｜デザインã®æ™‚代ã¯ã“ã‚Œã‹ã‚‰: DESIGN IT! w/LOVE
ä¸ç¢ºå®Ÿãªæ™‚代をクãƒã‚¯ãƒè›‡è¡Œã—ãªãŒã‚‰é“を切りã²ã‚‰ãéžç·šå½¢åž‹ãƒ–ãƒã‚°ã€‚人間ã®æ€è€ƒã®å½¢ã®å¤‰é·ã‚’探求ã™ã‚‹ã“ã¨ã‚’ライフワークã«ã€‚ ã“ã‚Œã‹ã‚‰ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ™‚代ã ã‚ã†ã¨åƒ•è‡ªèº«ã¯æ€ã£ã¦ã„ã¾ã™ã€‚ ãã†æ€ã£ã¦åƒ•ã¯ã„ã¾ä»•äº‹ã‚’ã—ã¦ã„ã‚‹ã—ã€ä»•äº‹ã‚’ã¤ãã‚ã†ã¨ã—ã¦ã„ã¾ã™ã€‚ ã“ã“ã§åƒ•ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã£ã¦ã„ã‚‹ã®ã¯ã€ä¾‹ã«ã‚ˆã£ã¦ã€å˜ã«ãƒ“ジュアルデザインã€è¦‹ãŸç›®ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¿ã‚’指ã—ã¦ã¯ã„ã¾ã›ã‚“（もã¡ã‚ã‚“ã€ãれもå«ã¿ã¾ã™ãŒï¼‰ã€‚ è¨è¨ˆã€è¨ˆç”»ã¨ã„ã£ãŸæ„味åˆã„ã‚‚å«ã‚€ã€äººå·¥ç‰©ã®ç·åˆçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ã“ã®å ´åˆã®äººå·¥ç‰©ã¯è£½å“ã®ã‚ˆã†ãªãƒ¢ãƒŽã‚‚å«ã¿ã¾ã™ãŒã€ã‚µãƒ¼ãƒ“スや組織ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ä»•äº‹ãƒ»ãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¿ã‚¤ãƒ«ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã‚‚å«ã¾ã‚Œã¾ã™ã€‚ã•ã‚‰ã«ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ—ãƒã‚»ã‚¹è‡ªä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚é‡è¦ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ å•é¡Œè§£æ±ºã¨ä¾¡å€¤å‰µé€ ：デザインã®2ã¤ã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯å•é¡Œè§£æ±ºã¨ä¾¡å€¤å‰µé€ ã¨ã„ã†2ã¤ã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ãŒã‚ã‚‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ã“ã®2ã¤ã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã¯ã€å•é¡Œã®é¡•åœ¨æ€§ã«é–¢ã‚
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Onsen UIã‚’React+TypeScriptã§ä½¿ã†ã¨ãã®æ‰‹é † - tomoyaonishiã®ãƒ–ãƒã‚°
Blueprint - A React-based UI toolkit for the web
{{#tags}}- {{label}}
{{/tags}}