メインコンテンツへスキップ
ブログサイトのロゴsui Tech Blog

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

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

ブログの作成背景

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

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

zenn.dev のアイコン
zenn.dev

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

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

今後のアクション

postsページの廃止

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

レイアウトの微調整

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

目次の追加

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

ドメインの獲得

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

www.cloudflare.com のアイコン
cloudflare.com

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

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

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

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

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

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

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

おわりに

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

関連記事

ブログAI

図解から始める認知負荷との付き合い方

AI時代、文字を読む量が圧倒的に増えています。生成AIからの提案を承認する度に大量のテキストを読み込む認知負荷の高さに「もう無理だ」と感じた経験から、技術ブログに図解機能を実装しました。図解は「記憶の定着装置」として機能し、全体像を視覚的に示すことで認知負荷を下げます。本記事では、なぜ図解が有効なのか、そしてAIを活用してどう実装したのかを解説します。

記事を読む
AstroNext.jsPlaywright

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

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

記事を読む
PythonAIJev

CSS セレクターの選び直しを、Jev に 1 リクエスト $0.0005 で任せてみる

HTML から決まった項目を取り出すコードは、対象のページの構造が変わると何も取れなくなります。CSS セレクターが一致しなくなった時点で候補をコード側で作り、どれが見出しかを選ぶ判断だけを TypeSafe の Jev に送る仕組みを作りました。架空のニュースサイトの一覧ページと記事ページで動かし、選ばれたセレクターを採用してよいかを前回の件数で確かめた結果と、1 回あたりの入力とコストをまとめます。

記事を読む