色彩検定に受かりたい

色彩検定2級に2回落ちたので配色を勉強できるサイトを作りました。今度こそ受かります。

初登壇大歓迎！学生エンジニアの個人開発LTの登壇資料です。
https://findy.connpass.com/event/390505/

Chromalab：https://color-five-kappa.vercel.app/

Transcript

1. 2026/05/20 min @carrot__pyon_ 色彩検定に受かりたい
2. 目次 01. 01. 01. 02. 02. 02. 03. 03. 03. 04. 04. 04. 05. 05. 05. 作成したもの 使用技術 DBの中身 デモ こだわりポイント
3. プロフィール プロフィール プロフィール はじめての学外LTですすごい緊張してます よろしくお願いします
4. 01. 01. 01. 作成したもの カラーパレット作成サイト（Chromalab ｸﾛﾏﾗﾎﾞ） 配色技法は⾊彩検定2級に準拠
5. 01. 01. 01. 余談：色彩検定とは 累計180万人以上の⽅が受検している⽂部科学省後援の公的資格 色の基礎から、配色技法（色の組み合わせ方）によるイメージの表現、専門分野における利用などを幅広く 学習し、感性や経験だけに頼らない、理論の土台を⾝に付けることができる https://www.aft.or.jp/pages/feature
6. 01. 01. 01. 作った動機 色彩検定2級におちたから 配色の分野で ごっそり落としたよ ※2024年度の合格率は69.1%
7. 01. 01. 01. 作った動機 そういえば慣用句を覚えるための アプリはあったな https://note.com/saba_uni_toro_/n/n16d199f0a28b 慣用句：63個くらい暗記しないといけない
8. 01. 01. 01. 作った動機 配色のもなんか作るか https://note.com/saba_uni_toro_/n/n16d199f0a28b 慣用句：63個くらい暗記しないといけない
9. 02. 02. 02. 使用技術 Supabase（DB・認証） Next.js Tailwind CSS / DaisyUI Node.js
10. 03. 03. 03. DB設計 palettes 配色パレットの基本情報を管理 palette_colors hex値、色相、彩度、明度などの情報を保存 palettesと1対多の関係 tones 色彩検定に基づくトーン定義 トーン：色相を無視して、明度と彩度の組 み合わせで決まる分類 schemes 配色技法の定義を保存（⾊の個数とか） quiz_attempts クイズ機能 auth.users Supabaseの認証ユーザー
11. 04. 04. 04. デモ
12. 05. 05. 05. こだわりポイント・勉強になったこと それぞれの色をRGBではなくてトーンから設定できるようにしている トーン配色について扱うため （最初RGBベタ打ち実装をしてテキストを見て泣いた）
13. 05. 05. 05. こだわりポイント・勉強になったこと oAuth認証との格闘 Googleでログインさせるのが毎回大変慣れない SMTPの設定 メール認証の設定などもろもろ レスポンシブデザイン対応 多分スマホでもそれなりにきれいに見れるはず RLSの設定 オフィシャルで出しているパレットは消さないようになど supabaseの復旧がたいへん 無料プランだと90日放置するとプロジェクトが消えるので 気をつけよう
14. 06. 06. 06. さいごに 目的に沿ったプロダクト作るのって大変 配色の説明がないとわかんないなー 自分で作成した配色のクイズがあるといいよな UIがきもいのに気づいちゃった 作りたいものたくさん！ 目的迷子になるよね
15. 06. 06. 06. さいごに 目的に沿ったプロダクト作るのって大変 配色の説明がないとわかんないなー 自分で作成した配色のクイズがあるといいよな UIがきもいのに気づいちゃった 作りたいものたくさん！ 色彩検定の申し込みが明日まででした！ みんなで受けよう！！