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

Blog

Total 97 posts
TypeScriptNotionNotionAPI

Notion APIのデータベース操作APIに破壊的変更があったので、実装を修正してみる

Notion APIのバージョン2025-09-03における破壊的変更について解説します。単一データベースモデルからマルチソースデータベースモデルへの移行に伴う実装修正方法を紹介します。

記事を読む
TypeScriptClaudeCode

仕組みでカバーするStop Hooksで忘れないTypeScriptの型チェック

Claude CodeのStop Hooksを使って、TypeScriptの型チェックを自動実行する仕組みを実装します。物忘れを仕組みでカバーして、効率的な開発フローを実現します。

記事を読む
MCPDevContainerClaudeCode

Dev Container環境でSerena MCPのブラウザ自動起動を無効化する

Dev Container環境でSerena MCPのブラウザ自動起動を無効化する方法を解説します。グローバル設定ファイルとdevcontainer.jsonの設定でダッシュボードの自動起動を制御します。

記事を読む
Next.jsCloudflareOpenNext.js

Next.js + OpenNext.js をdevcontainerで起動しようとしたときにハマったこと

Debian 11 bullseyeベースのdevcontainerでNext.js 15 + OpenNext.jsの開発サーバーが起動せず、Debian 12 bookwormベースに変更して解決した事例。glibcバージョン要件とworkerdの実行互換について整理。

記事を読む
ClaudeCodeSerena

PreToolUseがfailed with non-blocking status code 127になったときにやったこと

Claude CodeのPreToolUseがfailed with non-blocking status code 127になったときの解決方法を解説します。改行コードがCRLFになっている場合にLFに変更することで解決します。

記事を読む
ClaudeClaudeCode

CC-VaultというClaude Code専用のキュレーションメディアを作った

Claude Codeの新機能が出るたびに色々なサイトを見るのが面倒くさいなと思って、ZennとQiitaのClaude Code記事をまとめるツール「CC-Vault」を作りました。実務でClaude Code使ってて同じような悩みを持つ人に刺さるかもしれません。

記事を読む
HonoXReact

HonoXにおけるSSRとクライアントサイドHydrationの同期問題とその解決策

HonoXのSSRとクライアントHydrationの同期問題を解説。サーバーで正しく描画された表示がクライアントで元に戻る現象の原因を解明し、確実な状態同期を行う実装パターンを紹介します。

記事を読む
MCPCloudflareWorkersNotionAPI

Cloudflare Workers環境で「Illegal invocation」エラーが起きたときに試したこと

Cloudflare Workers上でMCPサーバーを構築し、Notion APIを使用する際に遭遇した「TypeError: Illegal invocation」エラーの根本原因の特定から解決までの検証プロセスを詳しく解説します。

記事を読む
CloudflareWorkersVitestHonoX

HonoXにVitestを導入する

HonoXアプリケーションにVitestを導入する方法を解説します。Cloudflare WorkersのバインディングD1を利用するHonoXアプリケーションのテスト環境構築ガイドです。

記事を読む
GitHubActionsCIdependabot

dependabotによる依存関係更新の集約設定

dependabotによる依存関係更新を1つのPRにまとめる設定方法を解説します。グループ化設定を導入して、複数のPRを個別にマージする際の一時的なバージョン不整合を解消します。

記事を読む
ObsidianHono

Hono + Obsidianプラグインをハンズオン形式で開発してみる

Honoを使用してObsidianプラグインを開発するための環境構築手順を解説します。pnpm workspacesを使ったモノレポ構成でCloudflare Workers上で動作するHonoとObsidianプラグインを管理します。

記事を読む
HonoXHonoCloudflareWorkers

『ないなら作ればいいじゃない』HonoXで金髪ヒロインしか乗ってないアニメ専門サイトを作った話

HonoXとCloudflare Workersを活用し、アニメの金髪ヒロインだけを一覧表示するWebサイト「金髪ヒロイン.com」を個人開発した体験と、技術選定や実装の工夫、今後の課題についてまとめました。

記事を読む