「記事」ではなく「データ」を作る — 戦史サイトに百科事典の構造を持たせた話
ブログは資産か、それとも在庫か ミリタリー戦史を扱うサイトを長く運用していると、ある種の限界にぶつかる。 記事を書く。検索流入が来る。また記事を書く。記事の本数が増えていく——一見、順調な成長に見える。しかしふと立ち止ま …
「公開済み」なのに本文が消えた話 — WordPress REST APIとwp:htmlブロックの罠
きっかけ：PowerShellから記事を更新したら、デザインが消えた WordPressの記事を1件修正したかった。たったそれだけだった。 艦艇データベース化プロジェクトの一環で、既存の戦史記事に欠けていた要目データ（起 …
スマホ画面がフィルターボタンで埋め尽くされた日 — ドロワーUIで解決した話
きっかけ：PCでは快適、スマホでは地獄 あるECサイトのコレクションページ（商品一覧）を作っていた。 要件はシンプルだった。商品を「カテゴリ」「ショップ」「アイテムタイプ」で絞り込めて、「並び順」も切り替えられる。それぞ …
📚 連載：モダンWeb開発＆データベース連携 徹底ガイド第3話-2
【第3ページ】データストア（保管庫）の選び方と高度な抽出テクニック フロントエンドの動的な仕組み（DOM）を理解し、サーバーとの通信（REST API/JSON）をマスターした私たちが次に直面する壁。それは、「データをど …
📚 【第3ページ】データストア（保管庫）の選び方と高度な抽出テクニック
概要： システムの規模や用途に合わせて、データをどこに保存し、どうやって高速に引っこ抜くべきか。今回は身近なGoogleスプレッドシートを例に、データ設計の基準と、劇的に通信を高速化する裏技テクニックを解説します。 We …
📚 【第2ページ】通信の要「REST API」の成り立ちと構造、そしてデータ形式の政権交代
概要： 現代のWebアプリやスマホアプリが、当たり前のようにサーバーと通信している仕組み「REST API」の構造と、その歴史的背景に迫ります。 私たちが毎日使っているスマホアプリやWebサービスは、常に裏側でサーバーと …
【第1ページ】フロントエンドの超基本：画面を動かす「JS・DOM」とデータを運ぶ「JSON」
概要： Web画面が動的に変わる裏側で、プログラムが何を操作し、どうやってデータをやり取りしているのか。Web開発の基礎となる2大要素（DOMとJSON）の正体を解剖します。 WebサイトやWebアプリを開発しようとした …
Hello world!
CONSTRUCT LAB ―構築と解体の場所― コンストラクトラボ / CONSTRUCT LAB CONSTRUCTはWordPressのサイト構築からスキル構築まで一気通貫で表せる語。「構築と解体」というサブが成長 …