個人開発・公開

Viteの.envはブラウザに見える?Git除外とビルド後の値を確かめる

Viteの.envをGitから除外しても、ブラウザ向けの値は公開されます。ダミー値でGitの追跡対象・生成されたJavaScript・実画面を比較し、VITE_、モード切替、再ビルドの挙動を確かめます。
HTML・CSS・制作サンプル

WordPressの比較表がスマホではみ出すときの直し方|折り返しと横スクロール

WordPressの比較表がスマホではみ出す原因を、固定幅・改行禁止・長いURLに分けて確認。テーブルブロックのクラス設定、追加CSS、表だけの横スクロールを実例とスクショで解説します。
個人開発・公開

AIの修正だけ戻したいときのGit手順|自分の変更を残して部分的に戻す方法

AIの修正と自分の変更が同じファイルに混ざったとき、残したい行を選ぶGitの手順。HTMLの実例でrestore -p、ステージ解除、コミット済み変更のrevertと確認方法を紹介します。
個人開発・公開

CSVから図表と骨格PDFを作る|lab-report-frameworkの公開サンプルを動かす

公開中のlab-report-frameworkを固定コミットで取得し、架空CSVの集計から図表入り骨格PDFまで再生成します。期待する数値、実際のPDF、データ変更で検査が止まる理由も解説。
AI活用

CodexでWordPressブログを管理する方法|Easy MCP AIで執筆・投稿・更新をつなぐ

Codex CloudとEasy MCP AIでWordPressの執筆・下書き・画像登録・公開・更新をつなぐ方法。記事内のテンプレートコード、権限設定、CocoonのSEO連携、GitHubへの記録を紹介します。
個人開発・公開

実験レポートを自分で書くためのCodex活用法|骨格PDFと執筆計画をつなぐ

図表入りの骨格PDFとWRITING_PLAN.yamlを並べ、文章枠の役割を読み、自分の原文を組版して完成PDFへ進むワークフロー。ソート比較の公開サンプルで、図表と文章の対応を紹介します。
個人開発・公開

ExcelをAIに渡す前に。MaskSheetを作り、実務の表で見つかった問題を直した話

Excel・CSVをAIへ渡す前に端末内でマスキングするMaskSheetの開発記録。実務のExcelで起きた氏名の見落とし、操作の簡略化、対応表の誤復元をどう直したか紹介します。
個人開発・公開

エックスドメインのサブドメインをVercelに設定する方法:DNSのCNAME設定

エックスドメインで取得したドメインのサブドメインをVercelにつなぐ手順を解説。ネームサーバー別のDNS編集場所、CNAMEの入力例、末尾のドット、反映とHTTPSの確認方法を紹介します。
Web制作の基本

CSSが効かない原因をChrome検証ツール(DevTools)で調べる手順|読み込み・上書き・余白の切り分け

CSSが効かない原因をChromeの検証ツールで調べる手順。Elements、Styles、Network、Computedの操作位置と、読み込み・上書き・余白の切り分けを、コードと画面でたどります。
個人開発・公開

LINE連携と予約配信アプリの設計ノート|カナポスのLIFF・Supabase・Cronを振り返る

カナポスの実装を読み返し、静的HTML、Vercel、LIFF、Supabase、Messaging API、Cronの構成を紹介。認証の切り分け、UTCとJST、二重送信を防ぐ状態管理を具体的な設計例で解説します。