<p data-line="0" class="code-line"><span class="embed-block embed-youtube"><iframe src="https://www.youtube-nocookie.com/embed/_1h8pfsx2CY" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy"></iframe></span><a href="https://www.youtube.com/watch?v=_1h8pfsx2CY" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://www.youtube.com/watch?v=_1h8pfsx2CY</a></p>
<h2 id="%E3%81%AA%E3%81%9C%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B" data-line="2" class="code-line">
<a class="header-anchor-link" href="#%E3%81%AA%E3%81%9C%E4%BD%9C%E3%81%A3%E3%81%9F%E3%81%AE%E3%81%8B" aria-hidden="true"></a> なぜ作ったのか</h2>
<ul data-line="3" class="code-line">
<li data-line="3" class="code-line">英語学習が続かない理由</li>
<li data-line="4" class="code-line">「時間がない」が最大の敵</li>
</ul>
<h2 id="%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E6%A6%82%E8%A6%81" data-line="6" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%81%AE%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 作ったアプリの概要</h2>
<ul data-line="7" class="code-line">
<li data-line="7" class="code-line">1文ずつ読むフラッシュ型</li>
<li data-line="8" class="code-line">単語タップで意味確認</li>
<li data-line="9" class="code-line">理解できなかった箇所を自動記録</li>
</ul>
<h2 id="%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" data-line="11" class="code-line">
<a class="header-anchor-link" href="#%E6%8A%80%E8%A1%93%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF" aria-hidden="true"></a> 技術スタック</h2>
<ul data-line="12" class="code-line">
<li data-line="12" class="code-line">Next.js</li>
<li data-line="13" class="code-line">AI（GPT系）</li>
<li data-line="14" class="code-line">Webアプリ</li>
</ul>
<h2 id="%E5%AE%9F%E9%9A%9B%E3%81%AB%E4%BD%9C%E3%81%A3%E3%81%A6%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" data-line="16" class="code-line">
<a class="header-anchor-link" href="#%E5%AE%9F%E9%9A%9B%E3%81%AB%E4%BD%9C%E3%81%A3%E3%81%A6%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%93%E3%81%A8" aria-hidden="true"></a> 実際に作って分かったこと</h2>
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line">機能を増やすよりUIが重要</li>
<li data-line="18" class="code-line">「迷わない設計」が継続性を生む</li>
</ul>
<h2 id="%E4%BB%8A%E5%BE%8C%E3%82%84%E3%82%8A%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8" data-line="20" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%8A%E5%BE%8C%E3%82%84%E3%82%8A%E3%81%9F%E3%81%84%E3%81%93%E3%81%A8" aria-hidden="true"></a> 今後やりたいこと</h2>
<ul data-line="21" class="code-line">
<li data-line="21" class="code-line">学習ログの可視化</li>
<li data-line="22" class="code-line">UI改善</li>
<li data-line="23" class="code-line">実ユーザの反応を見て調整</li>
</ul>
<h2 id="%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" data-line="25" class="code-line">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB" aria-hidden="true"></a> おわりに</h2>
<ul data-line="26" class="code-line">
<li data-line="26" class="code-line">個人開発を続けていく</li>
<li data-line="27" class="code-line">フィードバック歓迎</li>
</ul>


# 個人開発で英語学習アプリを作ってみた話

なぜ作ったのか

作ったアプリの概要

技術スタック

実際に作って分かったこと

今後やりたいこと

おわりに

Discussion