未経験から職業訓練校を卒業して1年でNext.js×microCMSのブログを作った話

こんにちは！

Web制作会社でフロントエンドエンジニアとして働いているコーギーです。

タイトルにもあるように、私は未経験からの転職として、2022年4月から職業訓練校へ通い始め、同年10月初旬に卒業しました。

その後、インハウスのwebデザイナーを経て、現在は制作会社で働いています。

主な業務は、WordPressを使ったサイト構築がメインで、たまに静的LPを作成しています。

職種訓練校卒業から1年で、私が学んだことを発信できたらと思います。

同じ境遇の方の参考になれば幸いです！

このブログを作成した経緯

勉強を始めた当初は、HTMLやCSSでいっぱいいっぱいで、JavaScriptなんてなにもわからなった当時から、フロントエンド技術の目まぐるしい発展についてよく耳にしました。

過激だなとは思いますが、WordPressは古い、今はjamstackだ！という意見も目にしました。

さぞjamstackとやらは美味しいのだろうなと思い、ミーハーな私は勉強を始めたのが、このブログ作成のキッカケです。

最新の技術に触れることが嬉しかったので、Next.jsを採用しました。

管理画面もGoastやeditor.jsで自作する予定でしたが、早く作りたいという思いからmicrocmsを使っています。

UIが綺麗で、スマホからでも投稿できるのがいいなと満足しています。

Nex.jsの勉強法

Next.jsやReactの勉強は、書籍やudemyで学びました。

私のスタイルは、とりあえず目から情報を入れる。

倍速を利用したり、YouTubeを使ったり、寝る前に本を読んだりして手よりも目を動かします。

ある程度理解が進んだら、相性の良かった教材をハンズオンで進めるということを繰り返しています。

今回ブログを作るにあたってとても参考にしたのが、エビスコムさんの書籍です。

初学者の私でも丁寧な解説でわかりやすく読み進めることができました。

１冊読み込むことができれば、当ブログのような簡単なサイトは作成可能です。

Next.jsに興味があるけど手が出せなかった方は、一度読んでみてほしいです！

ブログ構成

jamstackなブログにしたいと思ったのですが、金額の問題などあり、今はロリポップレンタルサーバーで運用しています。

料金が抜群に安く、好んで使用しています。

ホスティングサービスのcloudflareやVercelに挑戦したかったのですが、従量課金制にかなりの抵抗があったので、今のところ激安プランで様子を見ようと思います。

まだ当ブログも完成ではなく、検索機能・お問い合わせ・目次追加...とやることがまだまだあるので、実装が完了したらまとめの記事を書きたいと思っています。

おわりに

まだまだ基本機能しかない当ブログですが、どんどん技術アップしてカスタマイズさせていきたいと思います。

自分の備忘録もかねて、気ままにのんびりマイペースに投稿をしていきたいと思いますので、これからよろしくお願いいたします！