今週はどんな週だったか

• 今週やることを達成した

今週やることの振り返り

できたこと

• ブログサイトの文字サイズをZennに合わせる
• ブログサイトにタグ機能を実装する
• 週の振り返りとは別に1記事書いてみる

できなかったこと

• Next.js 13でTodoアプリ作ってみる

ブログサイトの改善

ブログサイトにタグ機能を実装した

公式サイトのブログを参考にタグ機能を実装した。
https://blog.microcms.io/next-category-page/
microCMS側の対応とどのようにタグから記事を取ってくるかの部分が若干怪しかったが実装することができた。
詳しい部分は別の記事にしてみようと思う。

文字サイズをnoteを参考に変更した（Zennではなくnoteに変更）

開発当初はクラスメソッドさんのテックブログを参考にしていたが、個人的にスマホで見た時のフォントサイズがどうも大きいと感じたので別のサイトを参考にすることにした。
その中でも特に多くのユーザーに使われているメディアプラットフォームのnoteを参考にすることにした。

Before	After

OGP画像の設定が間違っていたので修正した

先週まで機能していた各記事ごとに設定していたOGP画像が共通のOGP画像になっていた。
原因は_app.tsxにHeadタグOGPに関する記載を直書きしていたからだった。
あまり理解せずにNextSeoを使っていたので良い勉強になった。
それともう一つ学びとしてはTwitter用のOGP画像は設定する必要がなくなっていたということ。
https://github.com/garmeeh/next-seo/issues/14
そもそもの機能としてTwitterに貼り付ける際はOGPから自動的にtitle, description, imageを読み取ってくれるようになっているのでtwitter:imageのように設定する必要がない。

週の振り返りとは別に1記事書いてみる

https://blog.mu-suke.com/articles/903p6pfm3

Next.js 13でTodoアプリ作ってみる

これに関しては時間があればという設定だった。
取り組み自体はしたが、GAではないという点と、調べてみた感じあまり興味を惹かれなかったという点でやらなかった。
自分の時間は興味とキャリアになるべく使いたいのでこの判断で問題ない。

来週は何をするか

上記のできたこと、できなかったこと、反省点を踏まえて来週は以下のことをやっていく。

• 1月~6月までのエンジニアとしての目標を設定する
• ポートフォリオサイト（mu-suke.com）内に記載する内容の決定

余裕があれば以下もやってみる。

• どれかの記事を書く
  • ブログサイトの作成
  • ブログ詳細をどのようにスタイリングしているか
  • タグ実装
• ブログ記事一覧で週報タグがついている記事だけ非表示にできるか調査

最後に

今週もお疲れ自分！