サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
JavaScriptã®ãƒ†ã‚¹ãƒˆã‚’開発工数ã«å…¥ã‚Œã¦ã‚‚らã†ã«ã¯ï¼Ÿ
2013å¹´4月27æ—¥ã€å…本木ヒルズ森タワーã®ã‚°ãƒ¼ã‚°ãƒ«ã«ã¦ã€Œç¬¬38回HTML5ã¨ã‹å‹‰å¼·ä¼šã€ãŒé–‹å‚¬ã•ã‚ŒãŸã€‚HTML5ã¨ã‹å‹‰å¼·ä¼šã¨ã¯ã€HTML5ã«é–¢å¿ƒã®ã‚るエンジニアやWebデザイナå‘ã‘ã®å‹‰å¼·ä¼šã 。今回ã®ãƒ†ãƒ¼ãƒžã¯JavaScriptã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ワーク。別室ã®ã‚µãƒ†ãƒ©ã‚¤ãƒˆä¼šå ´ã‚’用æ„ã—ãªãã¦ã¯ãªã‚‰ãªã„ã»ã©ä¼šå ´ã¯å¤šãã®å‚åŠ è€…ã§ã‚ãµã‚ŒãŸã€‚テーマã¸ã®é–¢å¿ƒã®é«˜ã•ãŒã†ã‹ãŒã‚れる。テストフレームワークを使ã„ã“ãªã™ç¾å ´ã®ãƒ—ãƒãŸã¡ã®è§£èª¬ã«ã‚ˆã‚Šã€ãã®æœ€æ–°äº‹æƒ…ã¨åŸºæœ¬çš„ãªä½¿ã„æ–¹ãŒåˆ†ã‹ã£ãŸã€‚ JavaScriptテストã®å¿…è¦æ€§ã¨æœ€æ–°äº‹æƒ… サイボウズã®ä½è—¤é‰„å¹³æ°ã¯ã€JavaScriptã®ãƒ†ã‚¹ãƒˆã®åŸºç¤ŽçŸ¥è˜ã¨å…¨ä½“åƒã«ã¤ã„ã¦èªžã£ãŸã€‚ 公開スライド ä½è—¤æ°ã¯ã€çµåˆãƒ†ã‚¹ãƒˆã‚„ユニット（å˜ä½“）テストã€ãã®ã»ã‹ã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストãªã©ã€ãã‚‚ãもテストã«ã¯ã©ã‚“ãªç¨®é¡žãŒã‚ã‚‹ã®ã‹ã‚’解説ã—ãŸå¾Œã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã®é‡è¦æ€§ã‚’強調ã—ãŸã€‚技術é¢ã§é–‹ç™ºãƒãƒ¼
言葉ã¯ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚ˆã‚Šå¤§äº‹ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹
2013å¹´3月16æ—¥ã«Android Bazaar Conference 2013 Spring ãŒé–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚昨年ã«å¼•ã続ã今年も登壇。å‰å›žã¯ã‚²ãƒ¼ãƒ をテーマã«ã—ã¦è©±ã‚’ã—ã¾ã—ãŸãŒã€ä»Šå›žã¯ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ã€ã¨é¡Œã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„㨠UI をテーマã«è©±ã‚’ã—ã¾ã—ãŸã€‚ 見ãŸç›®ãŒç¶ºéº—ã ã‹ã‚‰è‰¯ã„ UI ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ UI ã®ã‚¤ãƒ³ã‚¹ãƒ”レーションã¨ã—㦠Dribblbe ã‚„ Android Patterns ã®ã‚ˆã†ãªã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’見ã¦ã„ã‚‹æ–¹ã¯å¤šã„ã¨æ€ã„ã¾ã™ã—ã€ã€Œç´ 晴らã—ã„ UI ã®ã¾ã¨ã‚ã€ã¨å付ã‘ãŸè¨˜äº‹ã‚‚ã€ã ã„ãŸã„ã¯ã“ã†ã—ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã‚’å‚ç…§ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã§ã™ã€‚ 実装ã¾ã§æºã‚ã£ãŸçµŒé¨“ãŒã‚ã‚‹æ–¹ãªã‚‰ãªã‚“ã¨ãªã分ã‹ã‚‹ã¨æ€ã„ã¾ã™ãŒã€Dribble ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ UI アイデアã®å¤šãã¯ç¾å®Ÿå‘³ãŒãªã„想åƒå›³ãŒå¤šã掲載ã•ã‚Œã¦ã„ã¾ã™ã€‚実装ã—よã†ã¨ã™ã‚‹ãªã‚‰ã°ãƒ‘フォーマンスやæ“
雑把㮠UI アーã‚テクãƒãƒ£ãƒ¼å²(MVCã‹ã‚‰MVVMã¸) | プãƒã‚°ãƒ©ãƒžãƒ¼ã‚ºé›‘記帳
Web ã®å ´åˆã¯ View 㨠Controller ã®é•ã„ã¯ã¯ã£ãã‚Šã—ã¦ã¾ã™ã€‚ View 㯠html ページã¨ãã®ä½œæˆã‚’担当ã—ã¾ã™ã€‚ CGI 㯠アドレスã¨ãƒ‘ラメーター(アドレス㮠? ã®å¾Œãªã©)ã‚’å—ã‘å–ã‚Šã€å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ ãã®å—ã‘å–り部分㌠Controller ã§ã™ã€‚ Model 㨠View ã§ã¯ãªãã€ãªãœ MVC ã¨ã—ãŸã®ã§ã—ょã†ã‹ ? 『 GoF 本〠ã§ã¯ Controller を分ã‘る利点をã„ãã¤ã‹æŒ™ã’られã¦ã„ã¾ã™ã€‚ ã‚ーボードã®å¿œç”を変ãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã®å‘¼ã³å‡ºã—ã«å¤‰æ›´ã™ã‚‹ã¨ãã€è¡¨ç¤ºæ–¹æ³•ã‚’変更ã—ãªãã¦ã„ã„。 入力イベントを無視ã™ã‚‹ã¨ã„ã£ãŸã“ã¨ã‚’コントãƒãƒ¼ãƒ©ãƒ¼ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®å…¥ã‚Œæ›¿ãˆã§å¯èƒ½ã€‚ ãã®ä»–ã«ã‚‚ "View を入れ替ãˆã‚Œã°ã€ PC アプリ〠Web アプリã§ã‚‚使ãˆã‚‹ã‚ˆã†ã«" ã¨ã„ã†ç†ç”±ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ç„¡ç†ãã†ãªè©±ã§ã™ãŒã€ä¾‹ãˆã°ã€ PC アプリãŒæ¬¡ã®ã‚ˆã†ãª
デザイナーã«ä¸¸æŠ•ã’ã—ã¡ã‚ƒã„ãŒã¡ãªUIã¨ã„ã†ã‚‚ã® - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼(Hatena)
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ 今日ã¯ã¡ã‚‡ã£ã¨UIã«ã¤ã„ã¦æ€ã†ã“ã¨ã®ãŠè©±ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¼ãã¯ä»¥å‰ã€ã‚²ãƒ¼ãƒ æ¥ç•Œã«ã„ãŸã‚“ã ã‘ã©ã€ãã“ã§ã¯ã€ ã„ã‚ゆるグラフィックデザインを専門ã«ã—ã¦ã„る人㫠「ã“ã®ç”»é¢ã®UIãŠããŒã„ãã€ã¨ä¸¸æŠ•ã’ã™ã‚‹å…‰æ™¯ã‚’よã見ã¾ã—ãŸã€‚ ã ã‘ã©ã€è¦‹ãŸç›®ãŒç¶ºéº—ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’仕上ã’ã‚‹ã®ã¨ 使ã„å‹æ‰‹ã‚’考慮ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è¨è¨ˆã™ã‚‹ã®ã¨ã§ã¯ã€ 考ãˆæ–¹ã‚‚ã€å¿…è¦ãªã‚¹ã‚ルもã¾ã‚‹ã§é•ã†ã‚‚ã®ã ã¨æ€ã†ã€‚ æƒ…å ±ã‚„æ©Ÿèƒ½ã‚’ã€ã©ã®ã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æä¾›ã™ã‚‹ã‹ã€‚ ã“ã‚Œã¯ç”»é¢ä¸Šã®é…置や見ãŸç›®ã ã‘ã®è©±ã ã‘ã˜ã‚ƒãªãã£ã¦ã€ æƒ…å ±ã®éšŽå±¤åŒ–ã‚„ã€ã„ã¤ã©ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§è¦‹ã›ã‚‹ã‹ã¨ã„ã£ãŸã“ã¨ã¾ã§è€ƒãˆãªãゃãªã‚‰ãªã„。 ãŸã¨ãˆã°ã‚²ãƒ¼ãƒ ãªã‚‰ã€åˆã‚ã‹ã‚‰ãƒœã‚¿ãƒ³ã らã‘ã®ç”»é¢ã«ã™ã‚‹ã®ã§ã¯ãªãã¦ã€ ゲームã®é€²ã¿å…·åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¿’熟度ã«å¿œã˜ã¦æ®µéšŽçš„ã«æ©Ÿèƒ½ã‚’見ã›ã‚‹ã¨ã‹ã。 ç´°ã‹ã„話ãªã‚‰ã€ãƒœã‚¿ãƒ³ã‚’押ã—ãŸæ™‚ã«åå¿œã™ã‚‹ã®ã‹ã€ 離ã—ãŸæ™‚ã«åå¿œã™ã‚‹
ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる多種多様ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»UIã‚ットã„ã‚ã„ã‚
400種類以上ã®ãƒŸãƒ‹ã‚¢ã‚¤ã‚³ãƒ³ã®ã‚»ãƒƒãƒˆã‹ã‚‰ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ³•å¾‹ã£ã½ã„アイコンã€ä¸–ç•Œä¸ã®å›½æ——ã®ã‚¢ã‚¤ã‚³ãƒ³ã€æ´—ç·´ã•ã‚ŒãŸUIã‚ットã¾ã§ã€å¤šç¨®å¤šæ§˜ãªã‚¢ã‚¤ã‚³ãƒ³ãƒ»ãƒœã‚¿ãƒ³ãƒ»UIã‚ットを集ã‚ã¦ãƒªã‚¹ãƒˆåŒ–ã—ãŸã‚‚ã®ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ä¿‚ã™ã‚‹ãƒˆãƒ”ックをé…ä¿¡ã™ã‚‹DzineBlog.comã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ã„ãšã‚Œã‚‚ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã€ãƒ•ã‚¡ã‚¤ãƒ«å½¢å¼ã¯ä¸»ã«PSDファイルã§ã™ã€‚ 33 New Freebie Buttons and Icon Sets Released in Autumn 2012 - DzineBlog.com http://dzineblog.com/2012/11/33-new-freebie-buttons-and-icon-sets-released-in-autumn-2012.html â—†Free beautiful web icons - Vector social media icons
ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®UIã‚ットã„ã‚ã„ã‚
ã‚ã‹ã‚Šã‚„ã™ãã€çµ±ä¸€æ„Ÿã®ã‚るウェブサイトをデザインã™ã‚‹æ™‚ã«ã‚ã‚‹ã¨ä¾¿åˆ©ãªã®ãŒUIã‚ットã§ã™ãŒã€ã‚¦ã‚§ãƒ–開発・デザインã«é–¢ã™ã‚‹æƒ…å ±ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ‰±ã†ãƒ–ãƒã‚°Best Open Source ResourcesãŒãã‚“ãªç¾Žã—ã„デザインã®UIã‚ットをリスト化ã—ã¦ã„ã¾ã™ã€‚明るã„グレーやダークãªã‚«ãƒ©ãƒ¼ãƒ»æœ¨ç›®èª¿ãªã©ã€ã•ã¾ã–ã¾ãªãƒ‘ターンã®PSDファイルãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãŸã‚ã€é ã®ä¸ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«åˆã‚ã›ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é¸ã¶ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ â—†01："Pizza" UI K
楽ã—ã作れるï¼ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ・モックアップ作æˆæ”¯æ´ãƒ„ール7é¸ | DevelopersIO
ワイヤーフレームを楽ã—ã作ã‚ã†ï¼ é…力的ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’ユーザーã«å±Šã‘ã‚‹ãŸã‚ã«ã€ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ 何より自分自身ãŒæ¥½ã—ã‚“ã§ä½œã‚‰ãªã„ã¨ã€è‰¯ã„アイデアã¯ç”Ÿã¾ã‚Œãªã„ã‚‚ã®ã§ã™ã‚ˆã。 ã¨ã„ã†ã“ã¨ã§ã€Œæ¥½ã—ã作れるï¼ã€ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰ã€ãŠã™ã™ã‚ã®ã‚¹ãƒžãƒ›ã‚¢ãƒ—リ/サイトã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œæˆã‚’支æ´ã™ã‚‹ãƒ„ールをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ã‚‚ã¡ã‚ã‚“ã™ã¹ã¦ç„¡æ–™ã§å§‹ã‚られã¾ã™ï¼ ã§ã¯æ—©é€Ÿã©ã†ãžã€œï¼ Fluid UI http://www.fluidui.com/ プレビュー機能ã§ç”»é¢é·ç§»ã‚‚作れる UIパーツãŒæœ¬ç‰©ã«ã‹ãªã‚Šè¿‘ã„å½¢ã§è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™(ã‚€ã—ã‚ãã®ã¾ã¾ï¼Ÿ)。UIパーツã¯Wireframeã€iPhoneã€iPadã€Androidã€Android 4.0ã€Android Tabletã€Windows Phoneã®ä¸ã‹ã‚‰è‡ªç”±ã«é¸ã¹ã¾ã™ã€‚ã‹ãªã‚Šè±Šå¯Œã§ã™ã€‚ã¾ãŸã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã‚’アップãƒãƒ¼ãƒ‰ã—ã¦ä½¿ã†ã“
実用的ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | コリス
パãƒãƒ«ã‚„ボタンã€ã‚¿ãƒ–ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®UIエレメントã®ç¾Žã—ã„スタイルをã¯ã˜ã‚ã€ãƒ›ãƒãƒ¼æ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã€CSS3を使ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ ※CSS3を使ã£ã¦ã„ã‚‹ãŸã‚ã€å¯¾å¿œãƒ–ラウザã¯IEã§ã¯9ãらã„ã®ã‚‚ã®ãŒå¤šã„ã§ã™ã€‚7対応もã‚ã‚Šã¾ã™ã€‚
デオシークã®å£ã‚³ãƒŸã‚„効果を検証ï¼ãƒ¯ã‚ガã®ç§ãŒä½¿ã„込んã§ã¿ã¾ã—ãŸï¼ | æ„›ã¨å°ç”º
デオシークã®ç‰¹å¾´ åŠ é½¢è‡ã‚‚撃退 強烈ãªè¶³ã®ãƒ‹ã‚ªã‚¤ã‚‚撃退 ワã‚ã€è¶³ãªã©å…¨èº«ã®ãƒ‹ã‚ªã‚¤ã‚’シャットアウト デオシークã¯åŽšç”ŸåŠ´åƒçœãŒèªå¯ã—ãŸåŒ»è–¬éƒ¨å¤–å“ã§ã€æ®ºèŒåŠ¹æžœã‚„消è‡åŠ¹æžœãŒãã¡ã‚“ã¨èªã‚られãŸæœ‰åŠ¹æˆåˆ†ãŒé…åˆã•ã‚Œã¦ã„る商å“ã§ã™ã€‚ 市販ã•ã‚Œã¦ã„るデオドラントクリームã¨æ¯”ã¹ã‚‹ã¨ã€åŒ»è–¬éƒ¨å¤–å“ã¯å…¥ã£ã¦ã„ã‚‹æˆåˆ†ãŒé•ã„ã¾ã™ã®ã§ã€æ¶ˆè‡åŠ¹æžœãŒé«˜ã„ã§ã™ã€‚ デオシークã¯ã€ãƒ‡ã‚ªãƒ‰ãƒ©ãƒ³ãƒˆã‚¯ãƒªãƒ¼ãƒ å˜å“ã§ã‚‚消è‡åŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ãŒã€ãƒœãƒ‡ã‚£ã‚½ãƒ¼ãƒ—ã¨ã®ã‚»ãƒƒãƒˆã‚’使用ã™ã‚‹ã“ã¨ã§ã•ã‚‰ãªã‚‹æ¶ˆè‡åŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ã€‚ ワã‚ã‚¬ã‚„åŠ é½¢è‡ãªã©ã®ã‚ˆã†ãªé ‘固ãªè‡ã„ã«ã‚ˆã‚‹æ‚©ã¿ã¯æ·±ã„ã§ã™ãŒã€ãƒ‡ã‚ªã‚·ãƒ¼ã‚¯ã«ã‚ˆã£ã¦æ‚©ã¿ã‹ã‚‰è§£æ”¾ã•ã‚Œã‚‹äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ åšå£«æœ‰åŠ¹æˆåˆ†ã¯æ¶ˆè‡åŠ¹æžœã‚„殺èŒåŠ¹æžœãŒèªã‚られã¦ã„ã‚‹æˆåˆ†ãªã‚“ã é ‘å›ºãªè‡ã„ã¯ãƒ‡ã‚ªã‚·ãƒ¼ã‚¯ã§ä¸€ç™ºãªã‚“ã ã‚‚ã†æ€–ããªã„ã‚“ã ä¾¡æ ¼ 3,380円（定期コース） 6,980円（å˜å“購入） 有効æˆåˆ† パラフェノールスルホン酸亜鉛ã€ã‚¤
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
クックパッドæµUIã®ä½œã‚Šæ–¹ - takeshi nagayama's blog
ãªã‚“ã‹çªç„¶æ±äº¬è¡ŒããŸããªã£ãŸã®ã§ã€ã²ã‚‡ã²ã‚‡ã„ã¨è¡Œã£ã¦ããŸã€‚ ãŸã¾ãŸã¾ç«‹ã¡å¯„ã£ãŸã‚¯ãƒƒã‚¯ãƒ‘ッドã£ã¦ã„ã†ä¼šç¤¾ã§ã‚¯ãƒƒã‚¯ãƒ‘ッドæµUIã®ä½œã‚Šæ–¹ã¨ã„ã†å‹‰å¼·ä¼šã—ã¦ãŸã®ã§ã€å¶ç„¶æŒã¡åˆã‚ã›ã¦ã„ãŸã¯ã¦ãªã‚¹ãƒ†ãƒƒã‚«ãƒ¼æ¸¡ã—ãŸã‚ŠãŠã„ã—ã„æ–™ç†ã„ãŸã ã„ãŸã‚Šã—ãŸã€‚ UI/UXã®ãŸã‚ã®Sass æ± ç”°ã•ã‚“ / サービスデザイン部 Sass / Haml (エンジニア・デザイナーå•ã‚ãšã«) Github デザイナーもpull req 一ã¤ã®ã‚µãƒ¼ãƒ“スを複数ãƒãƒ¼ãƒ ã§é–‹ç™º å„デãƒã‚¤ã‚¹ã§é€Ÿã„サイクルã§ã®é–‹ç™º Sassã¨ã¯ → ããã‚Œ 全体ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŸãã‚‹ → デザインガイドライン ガイドライン Sassã§çµ±ä¸€çš„ãªã‚‚ã®ã‚’æä¾›ã™ã‚‹ ç”»åƒã‚’使ã‚ãšã«CSSã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆ mixinã‚’ã¤ã‹ã£ã¦çµ±ä¸€ã§ãã‚‹ ç”»åƒç·¨é›†ãŒã„らãªã„ プãƒãƒ‘ティã®å¤‰æ›´ã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¹…ã‚’ã‚‚ãŸã›ã‚‹äº‹ãŒã§ãã‚‹ mixinã®ä¸èº«ã¯å¿œç”¨ãŒããよã†ãªä»•çµ„ã¿ã«ã—ã¦ãŠã 検証を
「ã¨ã‚Šã‚ãˆãšUIç›´ã›ã°ã€ã©ã†ã«ã‹ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ç—…ã€ã«ãªã£ãŸè©±
「ã¨ã‚Šã‚ãˆãšUIç›´ã›ã°ã€ã©ã†ã«ã‹ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ç—…ã€ãŒç§ã®å‘¨ã‚Šã§æµè¡Œã—ã¦ã„る。もã¡ã‚ã‚“ç§ã‚‚何度ã¨ãªãã‹ã‹ã£ã¦ã„る。 ã“ã®ç—…æ°—ã®ã¯ã˜ã¾ã‚Šã¯ã€Œç›®çš„ã‚’é”æˆã§ããªã„ã®ã¯UIãŒã„ã‘ã¦ãªã„ã›ã„ã ï¼UIã‚’ã¨ã«ã‹ã今ã˜ã‚ƒãªã„何ã‹ã«å¤‰ãˆã‚Œã°å•é¡Œã¯è§£æ±ºã™ã‚‹ã€ã¨æ€ã£ã¡ã‚ƒã†ã“ã¨ã«ã‚る。 共通ã™ã‚‹ã®ã¯ã€ã€Œã¨ã«ã‹ã今ã˜ã‚ƒã ã‚ãªã®ã§ã€ä»Šã˜ã‚ƒãªã„何ã‹ã«ã—ãŸã„ã‹ã‚‰UI変ãˆãŸã„ã€ã¨ã„ã†ç‚¹ã€‚今ã˜ã‚ƒãªã„何ã‹ã«ã—ãŸã„ã®ã¯ã‚ã‹ã‚‹ãŒã€æ ¹æ‹ ãŒä¸»è¦³çš„ã™ãŽã¦æˆåŠŸã™ã‚‹è¦‹è¾¼ã¿ãŒã¤ã‹ãªã„ã®ãŒå›°ã£ãŸã¨ã“ã‚。 ã‚‚ã¡ã‚ã‚“ç§ã‚‚時ã«ã“ã®ç—…æ°—ã«ã‹ã‹ã‚Šã€ã»ã‚“ã¨ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã™ã™ã‚ã¦ã„ã„ã‹ã©ã†ã‹ã€ã©ãƒ¼ã—ã¦ã„ã„ã‹ã‚ã‹ã‚‰ãšæ‡Šæ‚©ã™ã‚‹ã“ã¨ã‚‚多々ã‚る。ã¨ã„ã†ã‚ã‘ã§ã€ç§ãªã‚Šã«ç—…æ°—ã®å®šç¾©ã¨ã€è‡ªå·±æ²»ç™‚法もãªã‚“ã¨ãªã見ã¤ã‘ãŸã®ã§ã€è‡ªçœã‚‚ã“ã‚ã¦è¨˜éŒ²ã—ã¦ãŠã。 「ã¨ã‚Šã‚ãˆãšUIç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ç—…ã€ã®ä¸»ç—‡çŠ¶2点 æ ¹æ‹ ãŒä¸»è¦³çš„ã™ãŽã¦èª¬å¾—力ãŒãªãã€ç¤¾å†…ã‚’å·»ãè¾¼ã‚ãªã„ 本人ãŒ
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS3ã§å®Ÿè£…ã•ã‚ŒãŸUIエレメントã®ã‚ªãƒ¼ãƒ—ンソースã®ã¾ã¨ã‚ -CSS3 Code Snippets | コリス
Loading...
{{#tags}}- {{label}}
{{/tags}}