<h2 id="he5c8ab0a42"><strong>■ 概要</strong></h2><p>オペナース向けの学習支援サービス「<a href="https://opegaku.com/" target="_blank" rel="noopener noreferrer">オペナース学習室</a>」を開発。<br>テキストや動画による学習と進捗管理・可視化機能を組み合わせ、継続しやすい学習体験を実現しています。</p><p>現役オペナースと共同で企画・開発を行い、現場ニーズを反映した学習体験を実現しました。</p><p>継続的なコミュニケーションを通じて改善を重ね、実運用を前提としたUI/UX設計にも注力しています。<br>現在はβ版として公開しており、コンテンツの拡充や機能改善を継続しています<br></p><figure><a href="https://opegaku.com/" target="_blank" rel="noopener noreferrer nofollow"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/92ea11427c5242d6a0f6786fa64e722b/%E3%82%AA%E3%83%98%E3%82%9A%E5%AD%A6LP.png" alt="" width="3418" height="1755"></a></figure><table><tbody><tr><th colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/8bc750dbd63c4803b36180e3a275d7cd/PC_%E3%83%9E%E3%82%A4%E3%83%98%E3%82%9A%E3%83%BC%E3%82%B7%E3%82%99.png" alt="" width="3415" height="1836"></figure></th><th colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/4882368ebf50426492c78c88e014f280/PC_%E3%82%AF%E3%82%A4%E3%82%B9%E3%82%99%E4%B8%80%E8%A6%A7.png" alt="" width="3419" height="1833"></figure></th><th colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/aadd9c23f367463aa7ea362f57524ce5/PC_%E3%82%AF%E3%82%A4%E3%82%B9%E3%82%99%E7%94%BB%E9%9D%A2.png" alt="" width="3419" height="1828"></figure></th></tr><tr><td colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/88e3f0b0d967417b9ee0198adf355d86/PC_%E3%82%AF%E3%82%A4%E3%82%B9%E3%82%99%E7%B5%90%E6%9E%9C.png" alt="" width="3418" height="1831"></figure></td><td colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/726882678e1344aaa656a69c45d5d40e/SP_%E3%83%AC%E3%82%B9%E3%83%9B%E3%82%9A%E3%83%B3%E3%82%B7%E3%83%95%E3%82%99%E5%AF%BE%E5%BF%9C.png" alt="" width="1920" height="1080"></figure></td><td colspan="1" rowspan="1"><figure style="text-align: center;"><img src="https://images.microcms-assets.io/assets/c9f522e9cb244904bfcf995bb3ae3ca3/d89ee2401e76433998f94486fdafba90/%E3%82%AA%E3%83%98%E3%82%9A%E3%83%8A%E3%83%BC%E3%82%B9%E5%AD%A6%E7%BF%92%E5%AE%A4%CE%B2%E7%89%88%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9_%E6%A8%AAVer.png" alt="" width="1536" height="1024"></figure></td></tr></tbody></table><p><strong>▼オペナース学習室はこちらから</strong><br><a href="https://opegaku.com/">https://opegaku.com/</a></p><h2 id="hcc4e4b5208"><strong>■ 使用技術</strong></h2><ol><li>フロントエンド<br>・Next.js（React / TypeScript）<br>・TailwindCSS</li><li>バックエンド / BaaS<br>・Supabase（PostgreSQL / Auth）</li><li>CMS<br>・microCMS</li><li>インフラ<br>・Cloudflare Workers</li><li>その他<br>・GitHub / Resend（メール送信）</li></ol>

End-Tech-Lab

オペナース学習室｜学習支援Webアプリ（β版）開発

■ 概要

■ 使用技術