Yuta Kobayashi

<p>Nuxt.jsは何気に初めて(というよりVueもあまり使ったことがない)なので躓くところも多そうだけど試しにプチアプリを静的サイトとして作ってみる。TSはまだあんまり勉強してないので今回はJSでで。</p>
<p>とりあえず環境構築完了。</p>
<p><img src="https://storage.googleapis.com/zenn-user-upload/0ad09b5052e623d86dbe09a7.png" alt loading="lazy" class="md-img"></p>


<h2 id="%E3%82%B5%E3%83%96%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%AB%E5%AF%BE%E5%BF%9C">
<a class="header-anchor-link" href="#%E3%82%B5%E3%83%96%E3%83%87%E3%82%A3%E3%83%AC%E3%82%AF%E3%83%88%E3%83%AA%E3%81%AB%E5%AF%BE%E5%BF%9C" aria-hidden="true"></a> サブディレクトリに対応</h2>
<p>nuxt generateで生成した静的ファイルをそのままアップロードする予定だけどサブディレクトリに置きたいのでサブディレクトリにパスを切る</p>
<p><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__ba848dac39e39" src="https://embed.zenn.studio/card#zenn-embedded__ba848dac39e39" data-content="https%3A%2F%2Fqiita.com%2Foblivion%2Fitems%2F65721e069a25a53a876b" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://qiita.com/oblivion/items/65721e069a25a53a876b" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/oblivion/items/65721e069a25a53a876b</a></p>


<h2 id="%E5%A4%9A%E8%A8%80%E8%AA%9E%E5%8C%96">
<a class="header-anchor-link" href="#%E5%A4%9A%E8%A8%80%E8%AA%9E%E5%8C%96" aria-hidden="true"></a> 多言語化</h2>
<p>nuxt-i18nというものを使ってみる<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__e69a9b284f274" src="https://embed.zenn.studio/card#zenn-embedded__e69a9b284f274" data-content="https%3A%2F%2Fi18n.nuxtjs.org%2F" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://i18n.nuxtjs.org/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://i18n.nuxtjs.org/</a></p>
<p>まずはとりあえずインストール</p>
<div class="code-block-container"><pre><code>$ npm install --save nuxt-i18n
</code></pre></div>