MiraGeru

TwitterFacebook
1年間 React | Next.js | TypeScript を学習した話

1年間 React | Next.js | TypeScript を学習した話

なぜブログサイトを作成しようと思ったのか

結論から先に言ってしまうと 3 つ背景があります。

  1. アウトプットをしたかった
  2. ランディングページのように作ったら終わりではなく育てていけるものを作りたかった
  3. マークダウン記述が出来るようになるため

2022 年 12 月で、React | Next.js を本格的に学び始めて 1 年になります。最初は React | Next.js という言葉を聞いても何のことかもわからない状態でした。
それまでは Python を中心に学習しており、フロントエンドは HTML, CSS を少し触った程度でした(しかも 1 年弱は触れていませんでした)。

なぜ React を学ぶようになったのか

そもそもなぜ学ぶようになったのか。それは 2021 年の 11 月終わりに fwywd との出会いがあったからです。
fwywd 第 1 期の事前課題として 自己紹介サイトを作る がありました。
React が何かもわからない、どう学べばいいかもわからないまま状態でしたが、作ってみてくださいと。今だから言えますが、とても大変でした(笑)
でもこのとき 1 週間の長期休暇を取っていたこともあり、1 週間でサイト作成とデプロイまで実装できました。
大変でしたが、この出会いがなければ今こうやってブログサイトを作成していなかったでしょう。

ともに成長していけるものを作りたい

簡単なランディングページであれば作成できるだけの実装力はついたと思います(なった気になっているだけかも…)。
作って終わりを何度か繰り返していくと、なんだか自己満足のためにやっているのではないか、成長していないのではないかと感じるようになりました。
そう感じ始めたころから漠然とですが、自分で作成したブログサイトを作ってみたいと考えるようになりました。
ランディングページのように作ったら終わりではなく、自分の成長とともに育てられるもの を作りたかった。

ブログサイト作成で成長を感じた...かも!?

自力でブログサイトを作成したわけではありません。ネットにマークダウンを活用したブログサイト作成の記事はたくさんありました。その記事を読みながら実装していきました。
でも単に記事のコードを書くだけではなく、なぜその実装が必要になるのかまで理解した上でコードを書いていました。以前であれば実装することが目的となり、コードをそのまま書き写すだけでした。
そしてネットの記事だけの情報では足らない部分もあります。

  • 記事を投稿したらカテゴリー別に分けられるようにしたい
  • 新規投稿は 3 記事まで表示させたい
  • 記事の検索機能つけたい

実装できていないものもありますが、自分の考えをアウトプットできました(他にもやってみたいことがどんどん出てきそう)。

作成して終わりではなくここからがスタート

一旦形にすることはできました。でもまだまだ改善することは多々あります。記事数を増やしていくことも 1 つですが、ユーザーにとってどういった機能が必要なのか、レイアウトは改善する必要があるのではないか。そもそもこのブログサイトでユーザーになにを伝えたいのか。
一度形にすることができたので、視野を広くして考えていきたいと思います。

最後に

レイアウトやデザインもどんどんプラッシュアップしていきたいと思います。楽しくプログラミンを学び続けられているのは、こういったアウトプットがあるからだと再認識することが出来ました。成長スピードはゆっくりかもしれませんが、学びは継続していきます。

Contact