ブログサイトのロゴsui Tech Blog

ポートフォリオにブログページを追加しました

ポートフォリオサイトにブログページを追加しました。今後はZennやQiitaで投稿していた内容を、こちらに集約する想定です。

ブログの作成背景

いままで簡単な経歴と自己紹介しか乗せていませんでしたが、作ってみることにしました。

このページは、Next.js Minimal Blogを使用して作成しました。

zenn.dev

ミニマリズムを追求した Next.js 15 + MDX ブログテンプレート next-minimal-blog を作りました!

既存のリポジトリに処理を追加したので、まだpostsページの内容も残っている混沌とした状態ですが、ひとまず動くようになったので公開しています。

今後のアクション

postsページの廃止

postsページの内容はblogページ配下に過去の投稿という形で残そうと思います。

レイアウトの微調整

参考にしているサイトからそっくりそのまま移行してきたので、まだレイアウトの調整が必要です。細かいところはボチボチ直しながら記事も投稿していきます。

目次の追加

まだ目次がないのでシンプルに見づらいです。改善します。

ドメインの獲得

現在は vercel ドメインですが、個人ブログにするので独自ドメインを取得しようと考えてます。
取得先は未定ですが、Cloudflare Registrar かな?

cloudflare.com

Cloudflare Registrar | ドメイン登録と更新

Cloudflareは、Cloudflare Registrarを通じた簡単かつ原価で購入できるドメイン登録・更新サービスを提供しています。ドメインの購入、移管、管理には一切の追加料金がかかりません。

notion-md-converterを使ってNotion→mdxへのコンバート

Notion から markdown に変換するライブラリが提供されているので、Notion で書く→なんやかんやして mdx にコンバート→自動で PR 発行するのが理想です。

エディタで書くのもよいですが、PC に触れていないとできないのはアウトプットの機会が減ってしまいます。触れる回数を増やすためにもこのあたりは実装していきたいですね。

こぼればなし : Notion使えばよくない?

「最初から Notion API を使えばよくね?」感はあると思いますが、react-notion-x を使ったブログリポジトリの実装が難しく一度折れています...
あとは実際のコミットログに投稿した記事があるのなんかよくないですか(?)

おわりに

この投稿から数ヶ月なにも投稿が無い。なんてことが無いようにつらつら書いていきます⛵️。

...

関連記事

AstroNext.jsPlaywright

Next.js から Astro へ。拡張性を捨て、シンプルさを選んだ理由

ブログに「何でもできる」Next.jsは過剰スペックでした。新機能に追いつけず、Web標準APIとの相性に悩んだ末、SSGに特化したAstroへ移行しました。拡張性を捨て、「必要最小限」を選んだ技術選択の記録です。

記事を読む
ClaudeCodeAgentsSkills

Claude Codeへ「スキルを使って」と言うのに疲れたあなたへ

Claude CodeのAgent Skillsは、ベストプラクティスに従った実装を自動化する優れた仕組みですが、Claudeの推論による実行判定には限界があります。Playwrightを例に挙げると、「クリック操作を修正して」のような自然な指示では、descriptionに「Playwright」が含まれていてもスキルが起動しないことがあります。本記事では、UserPromptSubmitフックを活用し、キーワードマッチングによってスキルを確実に起動させる実装方法を解説します。

記事を読む
RenovateGitHubActions

Renovate で作る「頑張らない」運用のすすめ

依存関係更新の手動対応をやめて、Renovate で自動化する方法をまとめました。クールダウン期間(minimum release age)を設定してサプライチェーン攻撃のリスクを回避しつつ、手間をかけずに安全性を維持する「頑張らない運用」の設計方針を紹介します。

記事を読む