[{"data":1,"prerenderedAt":29},["ShallowReactive",2],{"work-8frzka5j35":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":5,"revisedAt":6,"category":7,"title":12,"href":13,"period":14,"time":15,"description":16,"detail":17,"youtube_url":18,"repo":19,"images":20},"8frzka5j35","2026-04-11T07:53:28.117Z","2026-04-11T08:35:16.311Z",{"id":8,"createdAt":9,"updatedAt":10,"publishedAt":9,"revisedAt":9,"name":11,"slug":8},"products","2026-04-11T02:19:53.996Z","2026-04-23T03:51:41.607Z","プロダクト制作","Mine-Ticket","https://mine-ticket.vercel.app","2026年1月～2026年2月","約30時間","「Mine-Ticket」は、ファンメイド・無料イベントに特化した「手軽さ」と「気軽さ」を追求したチケット管理プラットフォームです。Next.js 15、TypeScript、Tailwind CSS 4 を使用し、小規模（100〜300人）なイベント運営を強力にサポートします。","\u003Ch2 id=\"hee678f8a52\">主要な機能とUI/UX\u003C/h2>\u003Ch3 id=\"h67d820b63a\">多彩な入場方式への対応\u003C/h3>\u003Cp>イベントの性質に合わせて、3つの入場方式から選択可能です。\u003C/p>\u003Cp>- \u003Cstrong>自由席 (FREE_SEATING)\u003C/strong>: 来場者が座席表から好きな場所を選択して予約できます。\u003C/p>\u003Cp>- \u003Cstrong>指定席 (ASSIGNED_SEATING)\u003C/strong>: 来場者が枚数のみを指定し、システムがランダムに最適席を割り当てます。\u003C/p>\u003Cp>- \u003Cstrong>整理券 (NUMBERED)\u003C/strong>: 座席管理を行わず、入場番号のみを発行する最もシンプルな形式です。\u003C/p>\u003Cp>\u003Cstrong>技術的な工夫\u003C/strong>: Prismaを用いた動的な座席(Seat)管理とチケット(Ticket)の紐付けにより、複雑な座席の状態管理（空席、予約済、ブロック）を効率的に行っています。\u003C/p>\u003Chr>\u003Ch3 id=\"h75dd76e72a\">使用技術 (技術スタック)\u003C/h3>\u003Ctable>\u003Ctbody>\u003Ctr>\u003Cth colspan=\"1\" rowspan=\"1\">\u003Cp>カテゴリ\u003C/p>\u003C/th>\u003Cth colspan=\"1\" rowspan=\"1\">\u003Cp>技術名\u003C/p>\u003C/th>\u003C/tr>\u003Ctr>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Frontend\u003C/p>\u003C/td>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>React 19, Next.js 15, Tailwind CSS 4, Lucide React\u003C/p>\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Backend\u003C/p>\u003C/td>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Next.js Server Actions\u003C/p>\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Database\u003C/p>\u003C/td>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Supabase, Prisma (ORM)\u003C/p>\u003C/td>\u003C/tr>\u003Ctr>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Environment\u003C/p>\u003C/td>\u003Ctd colspan=\"1\" rowspan=\"1\">\u003Cp>Vercel, VS Code\u003C/p>\u003C/td>\u003C/tr>\u003C/tbody>\u003C/table>\u003Chr>\u003Ch2 id=\"hf966f322ba\">開発期間・体制\u003C/h2>\u003Cp>- \u003Cstrong>開発体制\u003C/strong>: 個人開発\u003C/p>\u003Cp>- \u003Cstrong>開発期間\u003C/strong>: 2026.01.22 ~ 2026.02.24 (約30時間)\u003C/p>\u003Chr>\u003Ch2 id=\"h5a2adc114e\">工夫した点・苦労した点\u003C/h2>\u003Cp>- \u003Cstrong>UIデザイン\u003C/strong>: 「ファンメイド」のワクワク感を演出するため、ネオンカラーとダークモードを基調とした、プレミアム感のあるデザインを採用しました。\u003C/p>\u003Cp>- \u003Cstrong>座席管理\u003C/strong>: 2次元の座席グリッド(列・番)をプログラムで一括生成し、かつ個別に状態を扱えるようにするスキーマ設計に注力しました。\u003C/p>","https://youtu.be/Bi9W_kSB8_s?si=ta6eXn0HOt4YBaSh","https://github.com/nmst0811/mine-ticket",[21,25],{"url":22,"height":23,"width":24},"https://images.microcms-assets.io/assets/a5c6151b0c1041689525abf41944b74c/7ef8aa107d2c4037a9fd7d5494506e3f/01.png",886,1862,{"url":26,"height":27,"width":28},"https://images.microcms-assets.io/assets/a5c6151b0c1041689525abf41944b74c/1ba4efd42d7748dcb4f4509258418406/02.png",788,375,1790706744722]