webサイトいろいろ 今日の一押し designresourc.esDesign Resources · A curated list of the best design resourcesデザインに関する最高のリソースを厳選してまとめたキュレーションリストです。 その他ラインナップ www.designsystemchecklist.comDesign System Checklistデザインシステムの計画、構築、および成長を支援するための、オープンソースのチェックリストです。 qiita.com新人の方によく展開している有益な情報 - Qiita新人エンジニア向けに、著者がよく共有している有益な記事、論文、書籍などの情報をまとめたリソース集です。今後も新しい情報が随時追加される予定となっています。 qiita.comなぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiitaエンジニアとデザイナーの思考プロセスの違いから、エンジニアが作る画面のデザイン性が低くなってしまう理由を解説しています。あわせて、デザインに苦手意識を持つエンジニアが画面の質を向上させるための具体的な対策についてもまとめています。 www.digital.go.jpデザインシステム|デジタル庁デジタル庁は、官民のデジタルインフラ構築とDX推進を目指し、デジタルサービスの品質と一貫性を確保するための「デザインシステム」を公開しています。 (そういえば初期から使用技術が変わった気がする…Next.js,S3,CloudFrontとかの構成だった気がしたんだが…) medium.com58 rules for beautiful UI designアプリケーションを単なる機能的なものから忘れられない体験へと昇華させるため、美しく効果的なユーザーインターフェース(UI)を設計するための58のルールをまとめた記事です。 lucide.devLucide Iconsコミュニティによって作成された、美しく一貫性のあるアイコンツールキット「Lucide Icons」です。 note.com【デザイン】その状態のデザイン考えてなかった! UI Stackってナニ|HORIUI StackはScott Hurff氏が提唱した、デザイン時に考慮すべき「UIの5つの状態」を整理するための考え方です。これを用いることで、データ未登録時やエラー時などの状態の考慮漏れを防ぎ、エンジニアとの円滑な連携を実現します。 roadmap.shFrontend Developer Roadmap: What is Frontend Development?2026年に向けたモダンなフロントエンド開発者になるための、ステップバイステップの学習ロードマップです。フロントエンド開発に必要な技術を段階的に習得するためのガイドを提供しています。 uxdesign.ccLoading & progress indicators — UI Components seriesローディングおよびプログレスインジケーターを活用し、ユーザーのエンゲージメントを高めつつ待ち時間の体験を向上させるためのUI設計の推奨事項について解説しています。 uud.ioUUDUUID(Universally Unique Identifier)をブラウザ上で迅速に生成できる、開発者向けのオンラインツールです。 Figma関連 www.figma.comApple Design Resources - visionOSAppleが提供する、visionOS向けのデザインリソースがまとめられたFigmaファイルです。visionOSアプリのデザインに必要な公式のアセットやコンポーネントが含まれています。 www.figma.comApple Design Resources – iOS 17 and iPadOS 17iOS 17およびiPadOS 17向けのApple Design Resourcesが、Figmaコミュニティにて公開されています。UI設計に活用できる、OSに準拠したデザインコンポーネントやアセットが含まれています。 www.figma.comSharePoint Web UI KitSharePointのWebインターフェースを設計するためのFigma用UIキットです。SharePointのデザインスタイルに準拠した各種デザインコンポーネントを提供します。 www.figma.com❖ Base Gallery「Base Gallery」は、デザインシステムの構築に役立つベースコンポーネントを集めたFigmaコミュニティのファイルです。 www.figma.comAuto Style SheetFigmaのデザインスタイルをCSSやJSONなどのスタイルシート形式へ自動的に変換・出力するプラグインです。デザインからコードへの橋渡しを自動化し、実装工程の効率化を支援します。