コ・デザインã®ãŸã‚ã®ã‚·ãƒ³ã‚ングシート
デザインã®ã—ãŸã˜ã
コ・デザインã®ãŸã‚ã®ã‚·ãƒ³ã‚ングシート
Atomic Designを分ã‹ã£ãŸã¤ã‚‚ã‚Šã«ãªã‚‹
「Atomic Designã€ï¼ˆã‚¢ãƒˆãƒŸãƒƒã‚¯ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã¨ã„ã†è¨€è‘‰ãŒã—ã°ã—ã°èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚実際ã«ã¡ã‚‡ã£ã¨ã—ãŸãƒˆãƒ©ã‚¤ã‚¢ãƒ«ã‚’ã—ã¤ã¤ã€Atomic Design ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚
FZDSCHOOL
Concept Design Tutorials for Video Games and Film Industry: www.fzdschool.com
ikesai.com
イケã¦ã‚‹Webサイト制作会社をãŠæŽ¢ã—ã®æ–¹ã¸ イケサイã«æŽ²è¼‰ã•ã‚Œã¦ã„るよã†ãªã‚¦ã‚§ãƒ–サイトを作りãŸã„ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’作りãŸã„ã¨ã„ã†æ–¹ã¯ä¸‹è¨˜ã®è¦‹ç©ã‚‚ã‚Šä¾é ¼ãƒ•ã‚©ãƒ¼ãƒ ã‹ã‚‰ãŠå•ã„åˆã‚ã›ä¸‹ã•ã„。 オススメã®ã‚µã‚¤ãƒˆ ミツカルä¿é™ºç›¸è«‡mitsukaru-hoken.com 全国ã®ä¿é™ºç›¸è«‡çª“å£ãƒ»ä¿é™ºã‚·ãƒ§ãƒƒãƒ—を検索 ä¿è‚²åœ’・幼稚園DBhoiku-db.info 全国ã®å¹¼ç¨šåœ’ã¨ä¿è‚²åœ’ã®ã‚¯ãƒã‚³ãƒŸæƒ…å ±ã‚µã‚¤ãƒˆ ブリーダー直販www.cats.to 優良ブリーダーやã‚ャッテリーãŒè‚²ã¦ãŸçŒ«ã¡ã‚ƒã‚“
ビヘイビア駆動開発 ― ウォーターフォールモデルã‹ã‚‰ã®ã‚¹ãƒ†ãƒƒãƒ— | POSTD
ビヘイビア駆動開発（BDD：Behavior-Driven Developmentã€æŒ¯ã‚‹èˆžã„駆動開発ã¨ã‚‚ã„ã†ï¼‰ã‚’実務ã«æ²¿ã£ã¦ç°¡å˜ã«ç´¹ä»‹ã—ã€ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã«å¯¾ã—ã¦ã“ã®æ‰‹æ³•ãŒã©ã‚Œã»ã©æœ‰ç›Šã‹ã‚’説明ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« BDDã§é‡è¦–ã—ã¦ã„ã‚‹ã®ã¯ã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ãƒ«ãƒ¼ãƒ—を最å°é™ã«çŸç¸®ã™ã‚‹ã“ã¨ã§ã™ã€‚BDDã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢é–‹ç™ºæ‰‹æ³•ã®é€²åŒ–ã®ä¸ã§ã€ç†è«–çš„ã«ä¸€æ©å‰é€²ã—ãŸã‚‚ã®ã¨ã„ãˆã¾ã™ã€‚本稿ã§ã¯BDDã®æ¦‚念ã¨ã€ãã®åŽŸåž‹ã®ãƒ¢ãƒ‡ãƒ«ã‚’説明ã—ã¾ã™ã€‚ ソフトウェア開発者やã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢éƒ¨é–€ã®ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼è·ã«å°±ã„ã¦ã„る人ãªã‚‰ã°æらãã€ä»¥ä¸‹ã®å›³ã®ã‚ˆã†ãªã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ãƒ•ã‚©ãƒ¼ãƒ«ãƒ¢ãƒ‡ãƒ«ã¯ã‚ˆãã”å˜ã˜ã§ã—ょã†ã€‚ 注釈: Waterfall model：ウォーターフォールモデル System Requirements：システムè¦ä»¶å®šç¾© Software Requirements：ソフトウェアè¦ä»¶å®šç¾© Analysis：è¦æ±‚åˆ†æž Progr
InfoQ: Domain Driven Design（ドメイン駆動è¨è¨ˆï¼‰ Quickly 日本語版
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ 第2版 何åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ック「Practical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootを使ã£ãŸREST API構築ã®åŸºç¤Žã‚’å¦ã‚“ã 。ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ãリリースã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 を使用ã—ã¦ã„る。ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘リリースã•ã‚Œã€é‡è¦ãªå¤‰...
Weather Icons - 222 font icons inspired by Font Awesome and designed for Bootstrap
Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons! The Freedom of CSS Anthing you can do to text, you can do to the icons. Scale, rotate, flip, change color, add shadows... and more! Use In Graphic Apps Weather Icons come with OTF and TTF files
話題㮠Portals を使ã£ãŸç”»é¢é·ç§» UX ã®æœªæ¥ | ウェブボウズ
ã”無沙汰ã—ã¦ãŠã‚Šã¾ã™ã€‚ウェブボウズを立ã¡ä¸Šã’㦠1 å¹´ãŒçµŒã¡ã¾ã—ãŸã€‚皆ã•ã¾å¦‚何ãŠéŽã”ã—ã§ã—ょã†ã‹ã€‚ç§ã¯ã€ã“ã® 1 å¹´é–“ã²ã¨ã¤ã‚‚ブãƒã‚°ãƒã‚¹ãƒˆã§ãã¦ã„ã¾ã›ã‚“。ã•ã‚‰ã«ã¯ç§ã®åŠä¸»é （スã‚ンヘッド）ã«ã¡ãªã‚“ã§ã‚¦ã‚§ãƒ–ボウズã¨ã„ã†åå‰ã‚’ã¤ã‘ãŸå€‹äººãƒ–ãƒã‚°ã§ã‚ã‚Šã¾ã—ãŸãŒã€5 å¹´é–“å…±ã«ã—ãŸã“ã® Hair-less style ã‹ã‚‰å¿ƒæ©Ÿä¸€è»¢ã—㦠2019 å¹´ã¯é«ªã‚’育んã§ã„ãæ–¹é‡ã‚’固ã‚ã¾ã—ãŸã®ã§ã€ã‚‚ã¯ã‚„ボウズã§ã‚‚ãªããªã£ã¦ã¾ã™ã€‚変ã‚り続ã‘ã‚‹ã“ã¨ã ã‘ãŒæ™®éã§ã‚ã‚‹ã¨èƒ¸ã«åˆ»ã‚“ã§ä»Šå¹´ã‚‚å¼·ã生ãã¦ã„ããŸã„ã¨è€ƒãˆã¦ãŠã‚Šã¾ã™ã€‚ ã•ã¦ã€æœ€è¿‘ Signed HTTP Exchanges やら Performance Budget やらã•ã¾ã–ã¾ãªé¢ç™½ã„ã“ã¨ã«é–¢ã‚らã›ã¦ã„ãŸã ã„ã¦å¿™æ®ºã¨å¹¸ã›ã‚’å™›ã¿ç· ã‚ã¦ã„ã‚‹ä¸ã§ã‚‚ã€Chrome Dev Summit 2019 ã§ã‚‚大ããフィーãƒãƒ£ãƒ¼ã•ã‚Œã¾ã—㟠Portals ã¨ã„ã†æ–°ã—ã„ HTML è¦ç´
List of free Icons, Illustrations, fonts and mockups for your next project | noShit
Get access to 300+ high quality free design resources Interfacer is a collection of high quality free Design Resources created by the most talented and awesome people on the Internet. You can use all of them in commercial projects. Explore Recent Show All Fonts Illustrations Mockups Icons 3D Web Templates UI Kits Free Design Resources
ウェブデザイン制作ãŒçˆ†é€Ÿã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ール47個ã¾ã¨ã‚
ウェブデザイナーやグラフィックデザイナーã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã‚’スピードアップã•ã›ã‚‹ã€ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールをã”紹介ã—ã¾ã™ã€‚ ゼãƒã‹ã‚‰ä½œã‚‹ã¨æ™‚é–“ã®ã‹ã‹ã£ã¦ã—ã¾ã„ãã†ãªã“ã¨ã‚‚ã€ã“れらã®ãƒ„ールを使ã†ã“ã¨ã§å¤§å¹…ã«åˆ¶ä½œæ™‚é–“ã‚’çŸç¸®ã§ãるツールãŒæƒã„ã¾ã™ã€‚今後ã®ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã«å–り入れã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ょã†ã€‚ ã“ã“ã§ã¯ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼åˆ¥ã«åˆ†ã‘ã¦æ–°ã—ã„オンラインツールをã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインã‹ã‚‰ã‚³ãƒ¼ãƒ‰ã¸ã®å¤‰æ›ãƒ„ール 4. プãƒãƒˆã‚¿ã‚¤ãƒ—ツール 5. サウンドツール 6. ã‚¢ã‚¤ã‚³ãƒ³ç´ æパック 7. コラボレーションã€å…±åŒä½œæ¥ãƒ„ール 8. é¢ç™½ãƒ„ール 9. フォントã€æ›¸ä½“ツール ウェブデザイン制作を爆速ã«ï¼ä¾¿åˆ©ãªæœ€æ–°ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールã¾ã¨ã‚ モックアップツール Design Camera アニメーション付ãã®ï¼“Dモックアップを数秒ã§ä½œ
Dimensions | Database of Dimensioned Drawings
Dimensions.com is an ongoing reference database of dimensioned drawings documenting the standard measurements and sizes of the everyday objects and spaces that make up our world. Created as a universal resource to better communicate the basic properties, systems, and logics of our built environment, Dimensions.com is a global platform for increasing public and professional knowledge of life and de
課金 UI ã¾ã¨ã‚ã¦ã¿ãŸï½œã‚ã - 良ã„ã‚‚ã®ä½œã£ã¦æ£ã—ã届ã‘ã‚‹
売上を伸ã°ã—ãŸã„。 課金率を伸ã°ã—ãŸã„。 ã§ã‚‚ã€é›£ã—ã„ï¼ ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã™ã‚‹ã‚µãƒ–スク UI を勉強ã—ãŸã‹ã£ãŸã®ã§ã€ã„ãã¤ã‹ã®ã‚¢ãƒ—リをスクショ。ã‚ãŸã¾ã®æ•´ç†ã«ã¾ã¨ã‚ãŸã®ã§ã‚¢ãƒƒãƒ—。 Web ã® LPO ã¯ã‹ãªã‚ŠãƒŽã‚¦ãƒã‚¦ç³»è¨˜äº‹ãŒã‚ã‚Šã¾ã™ãŒã€ã‚¢ãƒ—リã®ã‚µãƒ–スク UI ã¯ã€ã¾ã ã¾ã å°‘ãªã„æ°—ãŒã—ã¾ã™ã€‚誰ã‹ã®å‚考ã«ãªã‚Œã°å¬‰ã—ã„ã§ã™ã€‚ ã¾ã¨ã‚内ã®ã‚³ãƒ¡ãƒ³ãƒˆã¯å€‹äººçš„感想ã§ã™ã€‚ã¾ã ã¾ã 勉強ä¸ãªã®ã§ã€ãŠæ°—軽ã«ã”æ„見ã„ãŸã ã‘ã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ã€‚ ※ スクショã¯å°‘ã—å‰ã«æ’®å½±ã—ãŸã‚‚ã®ãªã®ã§ã€ä¸€éƒ¨å¤ããªã£ã¦ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクãƒãƒ¼ãƒ«åž‹ 4. リスト型 5. ãƒãƒ³ã‚° LP åž‹ è¦ç´„表示パターン 1. 固定表示型 2. éš ã—スクãƒãƒ¼ãƒ«åž‹ 3. フッター型 4. é·ç§»åž‹ サービスパターン 1. 探索財 2. 経験財 3. ä¿¡é ¼æ UI パターン1. ミニマム型最低é™
SST Type Project / Stories デザインãŒç”Ÿã¾ã‚Œã‚‹ã¾ã§ã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ / Sony Design
スマートフォンやタブレットãªã©ã€ãƒ‡ã‚£ã‚¹ãƒ—レイ上ã§ã®ä½“験ãŒä¸»å½¹ã¨ãªã‚‹å•†å“ãŒå¢—åŠ ã—〠商å“ã®å½¹å‰²ã‚‚ãれらãŒæä¾›ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験も大ãã変ã‚ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸæ½®æµã«å¯¾ã—〠ソニーã¯ã‚らゆるタッãƒãƒã‚¤ãƒ³ãƒˆã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„Ÿå‹•ã‚’ã‚‚ãŸã‚‰ã™ä½“験を届ã‘ã‚‹ãŸã‚ã«ã€ オリジナルフォントã®é–‹ç™ºã«æŒ‘ã¿ã¾ã—ãŸã€‚ãã®ãƒ•ã‚©ãƒ³ãƒˆé–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®æ ¸å¿ƒã«è¿«ã‚Šã¾ã™ã€‚ 世界ä¸ã®ã‚らゆるタッãƒãƒã‚¤ãƒ³ãƒˆã§ã€ æ„Ÿå‹•ã‚’æä¾›ã™ã‚‹ãŸã‚㫠商å“ã®å°åž‹åŒ–ãŒé€²ã¿ã€ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã«è¨˜è¼‰ã•ã‚Œã‚‹æ–‡å—ãŒå°ã•ããªã‚‹ä¸€æ–¹ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„タブレットãªã©ãƒ‡ã‚£ã‚¹ãƒ—レイã§ã®ä½“験ãŒä¸»å½¹ã«å¤‰ã‚ã‚Šã¤ã¤ã‚ã‚Šã¾ã™ã€‚ã“ã†ã—ãŸãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ä¸Šã®è¡¨è¨˜ã¯ã‚‚ã¡ã‚んコンテンツを快é©ã«æ¥½ã—む上ã§ã€æ–‡å—ã®èªã¿ã‚„ã™ã•ã¯ã¨ã¦ã‚‚é‡è¦ã§ã™ã€‚ã¾ãŸã€ã€Œãƒ•ã‚©ãƒ³ãƒˆï¼ˆæ›¸ä½“）ã€ã®å°è±¡ã¯å•†å“ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã ã‘ã§ãªã体験ãã®ã‚‚ã®ã«å½±éŸ¿ã‚’与ãˆã‚‹å¤§åˆ‡ãªãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ 。ソニーãŒæä¾›ã™ã‚‹å•†å“ãã®ã‚‚ã®ã®ä¾¡å€¤ã‚„体験ã®è³ªã‚’ã•ã‚‰ã«é«˜
機械彫刻用標準書体フォント
機械彫刻用標準書体をデジタルフォント化ã—ã¦ã„ã¾ã™ã€‚ç¾åœ¨ãƒ™ãƒ¼ã‚¿ç‰ˆã‚’公開ã—ã¦ãŠã‚Šã€æ£å¼ç‰ˆã¨ãªã‚‹ã¾ã§ã«ã¯å¹´å˜ä½ã®åˆ¶ä½œæœŸé–“ã‚’è¦ã—ã¾ã™ã€‚ 機械彫刻用標準書体ã¨ã¯ 令和ã®æ”¹åˆ» フォントè¨è¨ˆ 長体仮åフォント ダウンãƒãƒ¼ãƒ‰ テスト入力欄 連絡先 機械彫刻用標準書体ã¨ã¯ 機械彫刻用標準書体ã¯ã€å·¥æ¥çš„ãªå½«åˆ»ã«ã‚ˆã£ã¦æ–‡å—を作製ã™ã‚‹ã¨ãã®æ¨™æº–ã¨ã—ã¦ã€æ—¥æœ¬ç”£æ¥è¦æ ¼ï¼ˆJISï¼æ—§æ—¥æœ¬å·¥æ¥è¦æ ¼ï¼‰ã«å®šã‚られãŸæ›¸ä½“ã§ã™ã€‚å·¥æ¥å½«åˆ»ã«ãŠã‘る技術的制約ã‹ã‚‰ã€ç‹¬ç‰¹ãªæ©Ÿèƒ½ç¾Žã‚’æŒã£ã¦ã„ã¾ã™ã€‚
Google Visual Assets Guidelines - Part 1 - Behance
Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets. In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity.
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Thingiverse - Digital Designs for Physical Objects
TailwindCSSã§ã€æœ€è¿‘ã®Webサイトã§ã‚ˆã見ã‹ã‘ã‚‹UIè¦ç´ をデザインã™ã‚‹CSSã®å®Ÿè£…テクニックã®ã¾ã¨ã‚
Color Tool - Material Design
iOS Human Interface Guidelines：Designing for iOS （日本語）
デザイン  | Android Developers
{{#tags}}- {{label}}
{{/tags}}