blog.cateiru.com

cateiru's blog

ポートフォリオサイトを更新しました

私のポートフォリオ(?)サイトである cateiru.com をアップデートしました。

アップデート内容箇条書き

  • 管理者ページからすべての情報を変更できるように変更
  • お問い合わせを送信すると、Discrod、Slack、メールに通知できるように
  • 制作物の詳細を別ページに
  • 略歴にガントチャートを追加

見てくれ

cateiru.com

管理者ページからすべての情報を変更できるように変更

一番大きい変更です。おそらく2万行ほど追加しています。制作物やリンク、略歴などが編集可能です。

Indexページでは、Next.jsのISRを使用してCloud RunのAPIからデータを取得して描画しています。

管理者ページは、ログインが必要なページとなっており、制作物やリンクの編集が可能となっています。

管理者ページ

お問い合わせを送信すると、Discrod、Slack、メールに通知できるように

今までは、Next.jsのAPI Routes経由でDiscordのWebhookに送信するようなものでしたが、追加でSlack Webhookとmailgun APIを使用したメール送信に対応しました。
これも、管理者ページで編集することができるようになっています。

制作物の詳細を別ページに

制作物をクリックするとその制作物のページに移動します。特筆することは無いと思います。

略歴にガントチャートを追加

これは、個人的にあったほうがわかりやすいとおもったため追加しました。

技術的ななにか

簡単な構成は以下のようになっていて、今回追加したのは波線で囲っている部分です。

構成図

API側はGoで実装しており、Webサーバーにはechoを、DB ORMにはentを使ってみました。echoはすごく使いやすかったのでこれからも使っていきたいです。
DBはCloud SQLに趣味プロダクト共用のMySQLインスタンスが立っているためこれを使用します。

管理者ページのログインでは過去に自分が作ったCateiruSSOを使用してログインできるようになっています。

完走した感想

楽しかった。