新しいアプリ制作始めましたlift_to_talk

03 Jun 2026

新しいアプリ制作始めましたcheer

暑くなりましたicecream

6月1日から新たなWebアプリケーションの制作を開始しました。制作を優先しいつも記録をすることを省いてしまっていました。たまにメモなどは取るのですが文章でまとめることは特にしていませんでしたsentiment_worried

今回のアプリは学習の一区切りとして、全然更新していなかったブログに定期的にアプリ制作の進行状況を綴っていこうと思います。

制作前にFigmaの勉強し直しを行いました。知らなかった機能を知ることができ、復習にもなりました。これまでも全てのアプリのデザインでFigmaを活用していたのですが、直接コードを書いてStorybookで見た目を確認しながらコンポーネントのバリエーションなどを作ることがほとんどでした。ですが、いくつかアプリ制作を経験し、コンポーネントの状態バリエーションが大体分かってきたので今回Figmaでファウンデーションからコンポーネント作成まで行おうと考えました。

また、Github Actionsを初めて取り入れ、push毎のテストやESLintの実行を行う予定です。他は開発環境時のStorage利用のためのDocker、ORMにPrisma、認証・DB・StorageにSupabaseという今までの復習になるような構成でいこうと考えています。AIは今までももちろん使用していましたが、今回も積極的に使い制作時間短縮に繋げていこうと思っています。

制作に関しての記録は今日はこんな感じです。ところで、microCMSでMaterial Symbolsを使えるようにしました。このポートフォリオのスタイルはMUIを使用しているのでプロジェクトにはMaterial iconsもインストール済みなのでそれを利用しようかとも考えたのですが、AIによると設定が少し難解のようでcognitionアイコンデザインも可愛いのでMaterial Symbolsにしましたsentiment_excitedstar_shineただやり方にはもう少し工夫が必要ですね・・・

今日は昼頃に台風6号が通過した後とても良い青空が広がっていましたsunny

それではまたwaving_hand