個人開発でデザインに悩むエンジニアへ。工数を抑えていい感じのUIを作る方法【Meraki UI】

ARANK

この記事は「RUNTEQ Advent Calendar 2024」23日目の記事になります。はじめにプログラミングスクールRUNTEQでエンジニア兼講師をしているいっぺい（@ippei_111）と申します。いきなりですが個人開発を行う時にアプリケーションのUIを考えるのに悩んだ経験はありませんか？エンジニアあるあるかもしれませんが、個人開発をする際に機能の実装はできるが、デザインの部分でどうしたら良いのか迷ってしまい、手が止まってしまうことがあると思います。本来機能開発に時間をかけたいが、デザインに凝りすぎてしまい、余計な工数と時間がかかってしまうことも多々あると思います。また、デザインに関する知識と経験がないエンジニアがデザインを考えると、「なんかダサいデザイン」「使いづらいUI」になってしまうのもエンジニアあるあるかと思います。本記事では、デザインに不慣れなエンジニアでも工数を抑えていい感じのデザインを構築する方法について解説していきます。!本記事は、CSSに対して深い知見がないエンジニアを対象とした内容になっているため、基本的にコピペで使用できるUIライブラリをもとに画面を構築していきます。CSSが全く書けない人でもUIを構築できる内…