技術備忘録

5分でデキる!?GA4でIP除外、自分のアクセスの除外方法【2026年GA4最新版】

GA4で自身のアクセスを除外するための「内部トラフィックの定義」と「データフィルタ」の設定手順を、実際の画面キャプチャを交えて精密に解説します。
CSS

長いリストがスッキリ2列に。「並び」を支配し、意のままに操るFlexboxの基礎編

縦に長いリストをスッキリ2列に整頓するFlexboxとcalcの基本を解説。両端をビシッと揃える配置のルール。意のままにレイアウトを操るための「整頓術」を身につけましょう。
技術備忘録

要素指定の見本帳~順番など正しい指定で操作しよう~基礎編

CSSの疑似クラス、nth-childとnth-of-typeの数え方の原理を徹底解説。「席順」か「種類」か、そのわずかな違いがデザインの崩れを防ぐ鍵になります。複雑なHTMLを汚さず、精密にレイアウトを支配するための「基礎」をまとめた技術備忘録。
CSS

Cocoon:ページごとの「場(背景色)」と「GAP(余白)」を完全制御するCSS設計

Cocoonでトップや一覧など、ページごとに背景色を制御したい。そんな悩みを解決する活用法と、謎の隙間「GAP」を制圧するCSS設計を解説します。5pxの緻密なグリッドでサイトの「場」を整える技術を公開。
技術備忘録

【実録】お城(サイト)を守る二人の門番:WAFとIP Location Blockの攻防戦

世界中から届く攻撃ログ。WAFとIP Location Blockという二重の門番が、サイトの静寂をどう守り抜くのか。実録ログと共に、二段構えの防衛術の重要性を綴ります。
プラグイン

【オリジナル厳選】これだけは外せない精鋭プラグイン11選

運営経験から導き出した、サイト構築に不可欠な精鋭プラグイン11選。装飾を削ぎ落とし「静謐」な環境を維持するために、何を残し、何を切り捨てたのか。バックアップの要となるUpdraftPlusを軸に、不測の事態に備える設計思想と、実戦的な選別眼を綴ります。
CSS

脱・プラグイン。ブログのポテンシャルを最大化する『凝ったシンプル』な見出しの備忘録

装飾を削ぎ落とした「静謐」な見出し。HTMLを汚さず、CSSの力関係を支配して理想のデザインを貫く。Cocoonのエディタ不具合やWAFとの格闘記録も。ポテンシャルを最大化する「凝ったシンプル」な設計の全貌。
技術備忘録

検証画面で足掻くのはもう終わり?CodePenという『爆速実験場』に感動した話

サイトを壊す恐怖はもう終わり。CSSの検証を「お絵描き」のように楽しめる無料ツールCodePen(コードペン)をご紹介します。WordPressの設定画面を彷徨うよりずっとシンプルで、本番環境を汚さず爆速でデザインを試せる、まさに自分専用のスケッチブックの魅力を解説!