Build in AmsterdamBy combining strategy, design and technology, we build digital flagship stores that go beyond logic & redefine conversion.
セカンドファクトリー
3年後ã®ãƒ“ジãƒã‚¹ã§ã™ã‚‰äºˆæ¸¬ã®é›£ã—ã„世界ã§ã€æ˜¨æ—¥ã¾ã§ã®æ£è§£ãŒæ˜Žæ—¥ã‹ã‚‰ã®æ£è§£ã¨ã¯é™ã‚‰ãªã„よã†ãªã“ã¨ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚変ã‚ã£ã¦ã„ã「ã„ã¾ã€ã«ã€äººã€…ã‚‚ä¼æ¥ã‚‚柔軟ã«ç«‹ã¡å‘ã‹ã£ã¦ã„ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„時代ã ã¨å¼·ãæ„Ÿã˜ã¦ã„ã¾ã™ã€‚ 一方ã§ã€ã‚ãŸã—ãŸã¡ã«ã¯å‰µæ¥ã‹ã‚‰å¤‰ã‚らãšè¡Œå‹•æŒ‡é‡ã¨ã—ã¦å¤§åˆ‡ã«ã—ã¦ããŸè€ƒãˆãŒã‚ã‚Šã¾ã™ã€‚ 「æ¾æ¨¹åƒå¹´ç¿ 〠自分ã‹ã‚‰å‹•ãã€è‡ªåˆ†ã‹ã‚‰å¤‰ã‚ã‚‹ã€äººã®ãŸã‚ã«ãªã‚‹ã“ã¨ã€‚ 人ãŒä¸å¿ƒã§ã‚ã‚‹ã“ã¨ã‚’最é‡è¦è¦–ã—ã¦ãƒ“ジãƒã‚¹ã‚’組ã¿ç«‹ã¦ã‚‹ã“ã¨ã€‚ 変化や失敗ã«å¯›å®¹ãªæ°—æŒã¡ã‚’æŒã¤ã“ã¨ã€‚ ãŠå®¢æ§˜ãŒãã®åˆ†é‡Žã§ãƒãƒ£ãƒ³ãƒ”オンã«ãªã‚‹ãŸã‚ã®ã‚»ã‚³ãƒ³ãƒ‰ã ã‹ã‚‰ã“ãã€è‡ªã‚‰ã®ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã¨ä¼´èµ°åŠ›ãŒå¿…è¦ã§ã‚る。ã“ã‚ŒãŒç¤¾åã®ç”±æ¥ã§ã‚ã‚Šã€ç§ãŸã¡ã®å¿ƒæ§‹ãˆã§ã™ã€‚ ã“ã‚Œã¾ã§ä»¥ä¸Šã«ç²¾åº¦é«˜ã迅速ãªæ„æ€æ±ºå®šã‚’ã—ã€å¤‰åŒ–ã«å¯¾ã—ã¦æŸ”軟ã«å‘ãåˆãˆã°ã€ãƒªã‚«ãƒãƒªãƒ¼ã‚‚効ãã‚„ã™ã„。ã“ã‚“ãªæ™‚代ã ã‹ã‚‰ã“ãã€å¤‰ãˆã¦ã¯ãªã‚‰ãªã„ã“ã¨ã¯å¤§åˆ‡ã«ã—ãªãŒã‚‰ã€å¤‰ãˆãã°ãªã‚‰ãªã„ã“ã¨ã«ã¯å¸¸ã«å‰ã‚’å‘ã„
Design & Life inc.
デザインæ¥ã€åŠã³ãã‚Œã«é–¢ã‚ã‚‹ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆæ¥ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã®ä¼ç”»ã€åˆ¶ä½œã€é–‹ç™º アプリケーションã®ä¼ç”»ã€åˆ¶ä½œã€é–‹ç™º デザイン・サービス開発ã§ã®æ•™è‚²ãƒ»äººæ育æˆæ¥ æ± ç”°æ‹“å¸ã€€TAKUJI IKEDA ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€‚ãƒ‹ãƒ•ãƒ†ã‚£æ ªå¼ä¼šç¤¾ã€æ ªå¼ä¼šç¤¾ã¯ã¦ãªã€2012å¹´ã«ã‚¯ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰æ ªå¼ä¼šç¤¾ã«å…¥ç¤¾ã€‚2013年デザイン部長ã€2014年ユーザーファースト推進部長・執行役。クックパッドã§ã¯Sassを使ã£ãŸUI Frameworkã®æ§‹ç¯‰ã€ã‚¦ã‚§ãƒ–・アプリãªã©ã‚µãƒ¼ãƒ“ス全体ã®è¨è¨ˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å‘ã„ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„サービス開発ã®çµ„ç¹”ã¥ãりも努ã‚る。2017å¹´4月ã«ç‹¬ç«‹ã—ã€Design & Life inc.ã‚’è¨ç«‹ã€‚ 著書ã«ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãŸã‚ã®UIデザイン（å˜è‘—：SBクリエイティブ・2013年）ã€ã€Œã¯ã˜ã‚ã¦ã®UIデザイン（共著：PEAKS・2019年）〠Books 2021/03 WEB+DB PRESS「ç¸ã®ä¸‹ã®
Akari,Inc.
良ã„技術をスケーラブルã«ã€‚ç§ãŸã¡ã¯ãƒ—ラットフォームを構築・é‹å–¶ã™ã‚‹ãŸã‚ã®ãƒ„ールã‚ットを開発ã—ã¦ã„ã¾ã™ã€‚SPAベースã§å‹•ä½œã—ã¦ã€ã‚¤ãƒ³ãƒ•ãƒ©ã¯ã‚³ãƒ³ãƒ†ãƒŠç’°å¢ƒã§ãƒ—ラットフォーム化ã•ã›ãŸã‚Šã€SAASã¨ã—ã¦ãƒ†ãƒŠãƒ³ãƒˆã‚’é‡ç”£ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚é¢ç™½ãã¦ä¾¿åˆ©ãªUXã‚’æä¾›ã™ã‚‹ãŸã‚ã«ã€‚
デザインã«è‡ªä¿¡ãŒãªã„人も大丈夫ï¼ç„¡æ–™UIã‚ットã§Web制作スピードをアップã—よã†ã€‚ | PhotoshopVIP
ウェブサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæ±ºã¾ã‚‰ãªã„ã¨ãã¯ã€Photoshopã‚„Sketchã§ç·¨é›†ã§ãã‚‹ã€UIコンãƒãƒ¼ãƒãƒ³ãƒˆã‚„PSDテンプレートを活用ã—ã¦ã¿ã¾ã—ょã†ã€‚アイデアを形ã«ã—ã‚„ã™ãã—ã€å†™çœŸã‚„æ–‡å—テã‚ストを編集ã™ã‚‹ã ã‘手軽ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’完æˆã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 今回ã¯ã€2016å¹´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’盛り込んã ã€ç„¡æ–™ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ UI コンãƒãƒ¼ãƒãƒ³ãƒˆã‚„ PSD ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚æœ¬æ ¼çš„ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¯ã˜ã‚ã‚‹å‰ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—やワイヤーフレームã¨ã—ã¦ã‚‚活用ã§ãるアイテムをä¸å¿ƒã«æƒãˆã¦ã„ã¾ã™ã€‚ 詳細ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Web制作スピードをアップã™ã‚‹ã€ç„¡æ–™UIコンãƒãƒ¼ãƒãƒ³ãƒˆã€PSDãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç´ æã¾ã¨ã‚ Chat UI Kit ミニマルãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã€ã‚«ãƒ©ãƒ•ãƒ«ãªé…色を活用ã—ãŸUIコンãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€Photoshop 㨠Sketch 用ファイルãŒãã‚Œãžã‚Œç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ Carbon Mat
ソースコードを美ã—ãデザインã™ã‚‹ - Qiita
ã¯ã˜ã‚㫠以å‰ã“ã‚“ãªè¨˜äº‹ã‚’投稿ã—ã¾ã—ãŸã€‚ノンデザイナー・デザインåˆå¿ƒè€…å‘ã‘ã€ãƒ‡ã‚¶ã‚¤ãƒ³è™Žã®å·» 上記記事ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ¼ 然ã¨ã—ãŸå•ã„ã«å¯¾ã—ã¦ã€ã‚モã¨ãªã‚Šãã†ãªç‚¹ã‚’ツラツラã¨æŒ™ã’ã¦ã„ã¾ã™ã€‚ãã®ä¸ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’知るã¨ã„ã†é …ç›®ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«ãŠã„ã¦ã‚‚å½¹ã«ç«‹ã¤é‡è¦ãªçŸ¥è˜ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã—ãŸã€‚ ãã“ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã†1デザインメソッドをベースã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®æ•´å½¢ã«ã¤ã„ã¦å…·ä½“çš„ã«è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã—何ã‹ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚ å‰ææ¡ä»¶ ã“ã“ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯è¨è¨ˆã®ã‚ˆã†ãªä¸Šæµãƒ»å¤§ããªã‚‚ã®ã§ã¯ãªãã€ã‚³ãƒ¼ãƒ‰ã®è¦‹ãŸç›®ã«é–¢ã™ã‚‹ã“ã¨ã€è¡¨é¢çš„ã§å˜ç´”ãªã‚‚ã®ã§ã™ åå‰ã‚„コメントã®æ•´å½¢ã‚‚ã‚ã‚‹æ„味デザインã¨ã—ã¦ã‚‚考ãˆã‚‰ã‚Œã¾ã™ãŒã€ã“ã“ã§ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã¿ã‚’å–り上ã’ãŸã„ã¨æ€ã„ã¾ã™ サンプルコードã¯JavaScriptã«ãªã‚Šã¾ã™ï¼ˆè€ƒãˆæ–¹ãªã®ã§ä»–言語ã§ã‚‚応用ã§ãã‚‹ã‹ã¨æ€ã„ã¾ã™ï¼‰ 目次 デザインã®ãŠã•ã‚‰ã„ 良ã„
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー記事】日本人åˆã®Dribbblerã«èžãã€å„ªã‚ŒãŸUIデザイナーã«ãªã‚‹ç‚ºã®ç§˜è¨£ã¨ã¯: 後編 | Goodpatch Blog
先日アップã—ãŸã€Œã€ã‚¤ãƒ³ã‚¿ãƒ“ュー記事】日本人åˆã®Dribbblerã«èžãã€å„ªã‚ŒãŸUIデザイナーã«ãªã‚‹ç‚ºã®ç§˜è¨£ã¨ã¯: å‰ç·¨ã€ã®å¾Œç·¨ã§ã™ï¼ 後編ã§ã¯è²«äº•ä¼¸éš†æ°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¿å‡ºã•ã‚Œã‚‹ä½œæ¥ç’°å¢ƒã‚„スã‚ルå‘上ã®ç‚ºã«ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§å¤§åˆ‡ã«ã—ã¦ã„ã‚‹ã“ã¨ãªã©ã«ã¤ã„ã¦ã‚¤ãƒ³ã‚¿ãƒ“ューã—ãŸå†…容をã¾ã¨ã‚ã¾ã—ãŸï¼ 貫井伸隆æ°ã®Dribbbleページ→ https://dribbble.com/nobtaka ーー貫井ã•ã‚“ã¯æ™®æ®µã©ã‚“ãªç’°å¢ƒã§ä½œæ¥ã•ã‚Œã¦ã„ã¾ã™ã‹ï¼Ÿ （↑貫井æ°ã®è‡ªå®…作æ¥ç’°å¢ƒï¼‰ メインã§ä½¿ã£ã¦ã„るマシンã¯iMacã®27インãƒãƒ¢ãƒ‡ãƒ«ã§ã€ä»–ã«Apple Cinema Display 23インãƒã‚‚使ã£ã¦ã„ã¾ã™ã€‚周辺アクセサリーã¯USé…列ã®ã‚ーボードã€Magic Mouseを使ã£ã¦ã„ã¾ã™ã€‚ ソフトã¯Photoshopã€ãƒ”クトグラムを作る時ã«Illustratorも使ã„ã¾ã™ã。他ã«ã¯ slicyã€xSc
UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ - A Successful Failure
2013å¹´01月20æ—¥ UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ Tweet Good UI≠Good UX UIã¨UXã«ã¤ã„ã¦ã¯ãã®ç†è§£ã«ã¤ã„ã¦å¤šãã®è°è«–ãŒãªã•ã‚Œã¦ããŸã€‚ãŸã¨ãˆã°ã€Googleã®åŠå·æ°ã¯ã€Œå†™çœŸãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã‚³ãƒ¼ãƒ³ãƒ•ãƒ¬ãƒ¼ã‚¯ã®ä¾‹ã‚’å…ƒã«UIã¨UXã«ã¤ã„ã¦èª¬æ˜Žã—ãŸãŒã€ãã®å¾Œã€ERATOã®æ¸¡é‚Šæ°ãŒã€Œ1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©±ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã€ATMを例ã«ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ã„説明を挙ã’ã¦ã„る（次ã®å†™çœŸã¯å½“該エントリã‹ã‚‰ã®å¼•ç”¨ï¼‰ã€‚ ã“ã®ä¾‹ã§ã¯ãŸã¨ãˆUIãŒç´ 晴らã—ãã¦ã‚‚ã€ãã®ATMã¯æ™‚é–“ãŒã‹ã‹ã‚‹ãŸã‚ã€é•·ã„å¾…ã¡æ™‚é–“ãŒã§ãã€çµæžœã¨ã—ã¦UXãŒæãªã‚ã‚Œã‚‹å ´åˆã‚’示ã—ã¦ã„る。 ã—ã‹ã—ãªãŒã‚‰ã€å®Ÿéš›ã«ã¯ATMã®åŠ£æ‚ªãªUIãŒæ‚ªã„UXã®åŽŸå› ã¨ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã€æœ¬å½“ã«ã“ã®ATMã®UIã¯ç´ 晴らã—ã„ã®ã‹ã¨ã„ã†ç–‘å•ãŒæ®‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ŒGood UI ≠Go
JavaScriptã®ãƒ©ã‚¤ãƒ–ラリを沢山集ã‚ã¦ã‚«ã‚¿ãƒã‚°åŒ–ã—ã¦ã„ã‚‹Webサイト・Jster - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ JSライブラリã®ã¾ã¨ã‚サイト㮠ã”紹介。既知ã®æ–¹ã‚‚多ã„ã‹ã‚‚ã— ã‚Œã¾ã›ã‚“ãŒã€æŽ¢ã™ã®ã«ä¾¿åˆ©ãªã® ã§æ”¹ã‚ã¦ã”紹介ã—ã¾ã™ã€‚カテゴ リ分ã‘ã‚‚ã—ã¦ãã‚Œã¦ã„ã‚‹ã®ã§æŽ¢ ã—ã‚„ã™ã„ã§ã™ã€‚ 様々ãªJSライブラリãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚探ã—物ãŒã‚ã‚‹éš›ã¯è¦—ã„ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚。 UIやメディアã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãªã©ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘られã¦ã„ã¾ã™ã€‚ç¾åœ¨ã¯900ã»ã©ã®ãƒ©ã‚¤ãƒ–ラリãŒã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ シンプルã§æŽ¢ã—ã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ライブラリã¯ãã‚Œãžã‚Œç°¡å˜ãªèª¬æ˜Žã‚‚ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ パッã¨è¦‹ãŸã¨ã“ã‚ã€è©•ä¾¡ã®é«˜ã„å°è±¡ã®ãƒ©ã‚¤ãƒ–ラリã«çµžã£ã¦ãã‚Œã¦ã„る・・・気ãŒã—ã¾ã—ãŸã€‚（気ãŒã™ã‚‹ã ã‘ã‹ã‚‚ å›°ã£ãŸã‚‰è¦—ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Jster
iPhone ã‚¢ãƒ—ãƒªç ”ç©¶ä¼š Mobile Safariを知る 〜 第一回 ç”»é¢é ˜åŸŸ
iPhone/iPad(iOS)アプリã®é–‹ç™ºæƒ…å ±ã®ç™ºä¿¡ã‚’è¡Œã£ã¦ã„ãã¾ã™ã€‚ presented by NEXT-SYSTEM iOS Developers ã¿ãªã•ã‚“ã€ã“ã‚“ã°ã‚“㯠hayateã§ã™ Mobile Safariを知る 第一回目ã®ä»Šæ—¥ã¯ã€ãã®ç”»é¢é ˜åŸŸã«è¿«ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ 我々ã®ç”Ÿæ´»ã®ä¸€éƒ¨ã¨è¨€ã£ã¦ã‚‚éŽè¨€ã§ã¯ãªã„Mobile Safari。 PC用ブラウザã®å»¶é•·ã¨ã—ã¦ä½¿ã†ã ã‘ã§ã¯è¦‹ãˆã¦ã“ãªã„様々ãªä»•æ§˜ãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã§ã‚‚今日ã¯ã€Webコンテンツ制作者ã«ã¯æ¬ ã‹ã›ãªã„ãã®ç”»é¢é ˜åŸŸã«ã¤ã„㦠皆ã•ã‚“ã¨å¦ã‚“ã§ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã•ã¦ã€Mobile Safariã¨ä¸€è¨€ã§è¨€ã£ã¦ã‚‚ãã®å®Ÿæ…‹ã¯å¤§ãã２種類ã«åˆ†é¡žã•ã‚Œã¾ã™ã€‚ ・iPhoneã€iPod touchã«æ載ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚ã®ï¼ˆ320pt×480ptベース） ・iPadã«æ載ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ï¼ˆ1024pt×768ptベース） ã“ã®ï¼’種類ã§ã™ã€‚
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
das. デジタル・アド・サービス｜æ±äº¬ 新潟 ｜デザイン会社
デジタル・アド・サービスã¯ã€æ±äº¬ã¨æ–°æ½Ÿã«æ‹ 点を置ãデザインカンパニーã§ã™ã€‚ビジョンデザインをã¯ã˜ã‚ã€ãƒ–ランディングã€å‹•ç”»ã€WEBã€VI・CIã€ãƒ‡ã‚¸ã‚¿ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚«ã‚¿ãƒã‚°ãƒ»ãƒ‘ンフレットãªã©ã®åˆ¶ä½œã‚’通ã˜ã¦ä¼æ¥ã¨ç¤¾ä¼šã®èª²é¡Œè§£æ±ºã‚’サãƒãƒ¼ãƒˆã—ã¾ã™ã€‚
JavaScript ã§ã‚¿ãƒ–切り替㈠UI を実装ã™ã‚‹ | WWW WATCH
先日ã€ã‚¿ãƒ–切りæ›ãˆã‚¿ã‚¤ãƒ—ã® UI ã‚’ã€JavaScript 㨠CSS ã§ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ä»•çµ„ã¿ã‚’探ã—ã¦ã„㦠（他力本願）ã€ã¡ã‚‡ã†ã©æ±‚ã‚ã¦ã„ãŸã‚¹ã‚¯ãƒªãƒ—ト㌠Arc... 先日ã€ã‚¿ãƒ–切りæ›ãˆã‚¿ã‚¤ãƒ—ã® UI ã‚’ã€JavaScript 㨠CSS ã§ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ä»•çµ„ã¿ã‚’探ã—ã¦ã„㦠（他力本願）ã€ã¡ã‚‡ã†ã©æ±‚ã‚ã¦ã„ãŸã‚¹ã‚¯ãƒªãƒ—ト㌠Archiva ã•ã‚“ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã®ã§ä½¿ã‚ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ 時間ãŒãªã‹ã£ãŸã®ã§ã€ã§ãã‚Œã°è‡ªåˆ†ã§ã¯æ›¸ããŸããªã„ãªãã€ãªã‚“ã‹ã„ã„ã®å…¬é–‹ã—ã¦ã„る人ã„ãªã„ã‹ãªï½žãªã‚“ã¦æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãŠã‹ã’様ã§åŠ©ã‹ã‚Šã¾ã—ãŸã€‚ã¨ã„ã†ã“ã¨ã§ã€ãŠç¤¼ã‚’å…¼ãã¦ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ タブ切替をサクッã¨å®Ÿè£… ： Archiva タブ切りæ›ãˆã‚’実装ã™ã‚‹ JavaScript ライブラリやサンプルソースã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ç§ãŒæ±‚ã‚ã¦ã„ãŸã®ã¯ JavaScript ㌠OFF ã®æ™‚ã§ã‚‚ページ内リンクã¨
カスタム投稿タイプ(Custom Post Type)ã®å°Žå…¥ã¨ä½¿ã„æ–¹ [WordPress 3.0]
å‰å›žå–り上ã’ãŸã‚«ã‚¹ã‚¿ãƒ タクソノミーã¯ãªã‚“ã ã‹æ—¢å˜ã®ã‚µã‚¤ãƒˆã«ã¯ä½¿ã„ã¥ã‚‰ã„雰囲気満載ã§ã—ãŸãŒã€ä»Šå›žå–り上ã’るカスタム投稿タイプã¯æœŸå¾…度満点。 投稿やページã¨ã¯åˆ¥ã«ã€æ€ã†ã¾ã¾ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸæŠ•ç¨¿ã‚¿ã‚¤ãƒ—を作æˆã§ãã¾ã™ã€‚導入方法ã€æ©Ÿèƒ½ã®æ¦‚è¦ã€è¡¨ç¤ºæ–¹æ³•ã‚’é †ã«è¦‹ã¦ã„ãã¾ã—ょã†ã€‚ カスタム投稿タイプã®å°Žå…¥æ–¹æ³• カスタム投稿タイプã«ã¤ã„ã¦ã€ã‚«ã‚¹ã‚¿ãƒ タクソノミーã®æ™‚ã¨åŒæ§˜ã€ãƒ—ラグインを使ã†æ–¹æ³•ã¨ã€ç›´æŽ¥ã‚³ãƒ¼ãƒ‰ã‚’書ã方法ãŒã‚ã‚Šã¾ã™ã€‚ Create New Custom Post Type 以下ã«å…¥åŠ›ã—ã¦ã„ãã¨ã€ç°¡å˜ã«ã‚«ã‚¹ã‚¿ãƒ 投稿タイプを作æˆã§ãã¾ã™ã€‚ é …ç›®ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Post Type Name: ï¼ˆå¿…é ˆï¼‰ã‚«ã‚¹ã‚¿ãƒ æŠ•ç¨¿ã‚¿ã‚¤ãƒ—ã®åå‰ã€‚コンピュータã§èªã‚るよã†ã«è¨å®šã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã‚Šã¾ã™ã€‚…ã¤ã¾ã‚Šæ—¥æœ¬èªžã¯ãƒ€ãƒ¡â†’ã¨æ€ã£ãŸã‚‰é€šã£ã¦ã—ã¾ã„ã¾ã—ãŸâ†’ãŒã€é€šå¸¸ã®æŠ•ç¨¿ã‚’引ã£å¼µã£ã¦ãã¦ã—ã¾ã†ã®ã§ã€ã‚„ã£ã±ã‚Šæ—¥æœ¬èªžãƒ€ãƒ¡ã£ã½ã„。 La
![カスタム投稿タイプ(Custom Post Type)ã®å°Žå…¥ã¨ä½¿ã„æ–¹ [WordPress 3.0]](https://cdn-ak-scissors.b.st-hatena.com/image/square/10df330b19e155d9c67a53268cf953f9f17ce9fd/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2F8bitodyssey.com%2Fwp-content%2Fuploads%2F2013%2F01%2F4666689330_7ab18fba49.jpg)
iPad用ã®ã‚µã‚¤ãƒˆä½œæˆã«è¦šãˆã¦ãŠãã“ã¨è‰²ã€…:phpspot開発日誌
Technical Note TN2262: Preparing Your Web Content for iPad appleã®ã‚µã‚¤ãƒˆã«iPad用ã®ã‚µã‚¤ãƒˆä½œæˆæº–å‚™ã®ãŸã‚ã®ãƒšãƒ¼ã‚¸ãŒä¸ŠãŒã£ã¦ã„ã¾ã—ãŸã€‚ USã®ç™ºå£²æ—¥ã«ï¼“ï¼ä¸‡å°ç™ºå£²ã¨ã„ã†ã“ã¨ã§ã€æ—¥æœ¬ã§ã‚‚ãã‚Œãªã‚Šã«å£²ã‚Œã‚‹ã“ã¨ãŒäºˆæƒ³å‡ºæ¥ã¾ã™ãŒã€ä»Šå¾ŒiPad用ã«ãƒšãƒ¼ã‚¸ã‚’最é©åŒ–ã™ã‚‹å ´åˆã«è¦šãˆã¦ãŠãã¨ã‚ˆã•ãã†ã§ã™ã€‚ メモã¤ã„ã§ã«ã”紹介。 UserAgent UAã¯iPadãŒå…¥ã£ã¦WebKitベースãªã®ã§ã€AppleWebKit ã¨ãªã‚‹ã¿ãŸã„ã§ã™ã€‚ Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 プラグインã¯ä½¿ã‚ãªã„ Fla
jQueryã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ‘ãƒãƒ«UIを自作ã™ã‚‹ (1/3)
「アコーディオンパãƒãƒ« UIã€ã®å®Œæˆç”»é¢ã€‚ラベル部分をクリックã™ã‚‹ã¨ã€ä¸‹ã«éš ã‚Œã¦ã„ãŸãƒ‘ãƒãƒ«ãŒè¡¨ç¤ºã•ã‚Œã‚‹ï¼ˆç”»åƒã‚¯ãƒªãƒƒã‚¯ã§ã‚µãƒ³ãƒ—ルページを表示ã—ã¾ã™ï¼‰ シンプルãªã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚’作ã£ã¦ã¿ã‚ˆã† アコーディオンã®åŸºæœ¬å‹•ä½œã‹ã‚‰ä½œã‚Šã¾ã™ã€‚HTMLï¼XHTML（以下ã€HTML）ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã€ãƒ©ãƒ™ãƒ«éƒ¨åˆ†ã‚’dtè¦ç´ ã€ãƒ‘ãƒãƒ«éƒ¨åˆ†ã‚’ddè¦ç´ ã§è¨˜è¿°ã™ã‚‹å®šç¾©åž‹ãƒªã‚¹ãƒˆã§è¨å®šã—ã¾ã™ã€‚ ▼サンプル01（HTML部分） <dl> <dt>Step.1</dt> <dd><p>Lorem ...（ä¸ç•¥ï¼‰... venenatis.</p></dd> <dt>Step.2</dt> <dd><p>Integer ...（ä¸ç•¥ï¼‰... accumsan. </p></dd> <dt>Step.3</dt> <dd><p>Integer ...（ä¸ç•¥ï¼‰... imperdiet. </p></dd> </dl> デザインã¯CSS
ランã‚ング
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã“ã“最近èªã‚“ã§å‹‰å¼·ã«ãªã£ãŸWeb制作関連ã®ã‚¹ãƒ©ã‚¤ãƒ‰10é¸ï¼ˆ2013å¹´6月～7月）
ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】クックパッドã®UIデザイナー：「エンジニアã®ä»•äº‹ãŒï¼ã‚’１ã«ã™ã‚‹ä»•äº‹ãªã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¯1ã‚’100ã«ã™ã‚‹ä»•äº‹ 〠| Startup Dating
http://solidstate.jp/
{{#tags}}- {{label}}
{{/tags}}