個人開発・公開

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で起きた氏名の見落とし、操作の簡略化、対応表の誤復元をどう直したか紹介します。
AI活用

ConoHa AI Canvasはブログ画像に必要?用途・料金・利用条件を整理

ブログ用画像でConoHa AI Canvasを検討する人向けに、既存ツールで足りる用途との違い、基本料金・WebUI起動時間の課金、モデルの利用条件を整理します。
個人開発・公開

エックスサーバーとConoHa WINGを、費用・更新・ドメイン条件で比較

エックスサーバーとConoHa WINGを同じ12か月・36か月で比較。初回の一括支払額、更新費用の確認範囲、試用、ドメインの移管条件、バックアップとサポートから選びます。
Web制作の基本

HTML・CSSの独学で、本を使うべき?入門書の選び方

HTML・CSSの独学で入門書を使うタイミングと選び方を解説。無料資料との使い分け、目次・サンプル・正誤情報で比べる2冊の候補、学んだ内容を自分のページへつなげる練習方法を紹介します。