<p>2022年10月をもち合計8年続けた会社を辞め、11月からフリーランスとして活動することとなりました。<br>フリーランスとして活動するにあたり、気持ちの面も含め実際にやったことを紹介させていただきます。<br></p><h2 id="ha62eb7a126">在職中にやったことや考えたこと</h2><h3 id="hec55df6266">１．何をしたいのか、何のために働くのかを考えた（背景、将来）</h3><p>・自分自身で全部やりたい<br>・家族との時間をコントロールしたい<br>・今の仕事を60歳、70歳になっても働いているイメージが湧かなかった</p><h3 id="h321e6b1875">２．家族に伝える</h3><p>妻に気持ちを正直に伝えました。これまでの働き方や気持ちの面でも分かっていてもらえていたので「任せる」と言ってもらえたのはホッとしました。</p><h3 id="he0e7db5c84">３．フリーランスの仕事を探す<br>４．収入について勉強<br>５．税金や経費について勉強<br>６．退職手続き</h3><p>退職する1か月半前に上司や各方面に伝えました。個人事業主として活動をすることを伝えると色々な方面から、今後も仕事を頼む時があるかもねと言ってもらえたことがうれしかったです。たとえ反対されても押し通すつもりでしたが、背中を教えてもらえたのは良かったです。</p><h3 id="hcbe75a2b4d">７．会計ソフト導入<br>８．事業用銀行口座開設<br>９．事業用クレジットカード作成<br>１０．積立NISA登録<br>１１．確定拠出年金切り替え<br>１２．Webサイト作成<br>１３．賃貸名義人変更</h3><h2 id="h62a36b3313">退職後から活動まで</h2><h3 id="h646119476e">１４．個人事業開業届提出<br>１５．青色申告承認申請<br>１６．国民健康保険切り替え<br>１７．国民年金切り替え<br>１８．名刺作成</h3><p><br></p><h2 id="hec9835727f">調べたこと</h2><ul><li>青色申告</li><li>フリーランスの税金</li><li>補助金、助成金</li><li>ふるさと納税</li><li>投資関連</li></ul><p><br></p>

私が会社員を辞めてフリーランスになるまでにやったこと15選！

<h2 id="h4d50e8632f">Next.jsとは</h2><p>Next.jsとは、Vercel社が提供しているReactをベースに開発されたJavaScriptフレームワークのことです。<br>Next.jsでは静的サイトジェネレータ（SSG）や動的サイトジェネレータ（SSR）が利用でき、これまで以上にサイトを訪問者に早く表示することが可能です。<br>またフォルダ構成がそのままURLと対になっているため、複雑なルーティングの設定が不要で簡易に開発を行うことができます。<br></p><h3 id="h85395233b4">Next.jsを利用しているサイト</h3><p>実際にインターネット上に公開されているNext.jsのサンプルサイトを見ていただきその早さを実感していただくのが一番分かりやすいと思います。<br>以下のサイトは、Next.jsの公式サイトで紹介されているNext.jsで構築されたサンプルサイトです。<br>英語サイトにはなりますが、リンク先のサイトで画面を何度か切り替えてみてください。ページが切り替わる速さに驚くと思います。</p><ul><li><a href="https://next-blog-wordpress.vercel.app/" target="_blank" rel="noopener noreferrer">WordPressの例（デモ</a>）</li></ul><p><img src="https://images.microcms-assets.io/assets/acb0378590dc44db992f9acf18720418/c4690b5e130045b9bfe327bd101d3f3f/image.png?w=600&amp;h=356" alt=""></p><ul><li><a href="https://next-blog-sanity.vercel.app/" target="_blank" rel="noopener noreferrer">Strapiの例（デモ）</a></li></ul><p><img src="https://images.microcms-assets.io/assets/acb0378590dc44db992f9acf18720418/5f10602e8a384c1e88706a7a28a33006/image.png?w=600&amp;h=373" alt=""></p><ul><li><a href="https://next-blog-starter.vercel.app/" target="_blank" rel="noopener noreferrer">Marckdownファイルを用いたブログの例（デモ）</a></li></ul><p><img src="https://images.microcms-assets.io/assets/acb0378590dc44db992f9acf18720418/ae1cd0427a4f403aa42a981eafc17a04/image.png?w=600&amp;h=358" alt=""></p><blockquote><span style="color:#202124">Basic Features: Pages | Next.js</span><br><a href="https://nextjs.org/docs/basic-features/pages" target="_blank" rel="noopener noreferrer">https://nextjs.org/docs/basic-features/pages</a></blockquote><p><br>このブログもNext.jsの静的サイトジェネレータ（SSG）を利用して構築したサイトになります。通常であればページの切り替え時に読み込みが発生しますが、別のページを開いたときにストレスなく画面が切り替わると思います。インターネット上のサイトであるにも関わらず、まるで自分のPC上かと見間違えるほど高速に切り替わりますよね。<br></p><h2 id="h826f4ac401">Next.jsの凄さ</h2><p style="text-align:center"><img src="https://images.microcms-assets.io/assets/acb0378590dc44db992f9acf18720418/d1e19d341b144ca6803c1d92d7068272/Nextjs-logo.png?w=600&amp;h=360" alt=""></p><h3 id="hdc08e3bb26">驚きの速さ！静的サイトジェネレーション（SSG）とサーバーサイドレンダリング（SSR）</h3><p><br></p><h3 id="h3bd3360282">開発が容易！ファイルベースルーティング </h3><p>aiueo</p><h3 id="h4f1ebcbbce">Next.jsはなぜ早い </h3><p><br></p><h2 id="h1c6307113f">Next.jsと相性の良いサイト</h2><p><br></p><h3 id="hd58835032c">SEOに強い</h3><p><br></p><h2 id="h8cc8d94f15">Next.jsと相性の良くないサイト</h2><p><br></p><h2 id="hf828b78046">Next.jsのデメリット</h2><p><br></p><h3 id="hc2939c698f">レンタルサーバーに公開することの難しさ</h3><p><br></p><h3 id="h53332245b8">Vercelであれば無料で公開可能（商用利用不可）</h3><p><br></p><h2 id="ha214098e44">まとめ</h2><p><br></p>

えびさん