個人開発・公開

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に任せる仕組みを作った

実験レポートの本文は自分で書き、図表作成や組版をCodexと分担する仕組みを作りました。骨格PDFを試した感想と、「文章1」だけでは書く内容が分からなかった気づき、修正中の表示を紹介します。
個人開発・公開

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

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

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

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

Chrome DevToolsでCSSの原因を調べる:読み込み・上書き・余白を切り分ける

CSSが効かないときは、別の指定を足す前に原因を三つへ分けます。「ファイルが届いていない」「指定が対象に当たらない・上書きされた」「指定は効いているが期待と違う」です。Chrome DevToolsで順に確認します。
個人開発・公開

カナポスの開発記録:LINE連携と予約配信の未完成部分を振り返る

カナポスは、未来の自分に宛てた手紙をLINEで受け取ることを目指して、僕が作ったアプリです。現在は公開を終了しています。この記事では、LINE認証やメッセージ保存に取り組んだ過程と、予約配信が未完成だったことを振り返ります。