https://notes.ideamans.com/ 2026-07-22T06:30:00.000Z https://notes.ideamans.com/posts/2026/render-blocking-scripts.html 2026-07-22T06:30:00.000Z 2026-07-22T06:30:00.000Z

HTMLのhead内に置かれた同期スクリプトは、ダウンロードと実行が完了するまでHTMLのパースを止める。外部CDNから読み込む場合はDNS解決とTLS接続の分だけ遅延が上乗せされる。

https://notes.ideamans.com/posts/2026/crux-vs-rum.html 2026-07-19T15:00:00.000Z 2026-07-19T15:00:00.000Z

CrUXはChromeのオプトインユーザーだけの実測値で、iPhoneのSafariもEdgeも対象外だ。全ブラウザRUMの Speed is Money と通販14サイトで突き合わせ、どこまで信用できるかを用途ごとに線引きした。

https://notes.ideamans.com/posts/2026/cls-image-dimensions.html 2026-07-19T06:30:00.000Z 2026-07-19T06:30:00.000Z

CLSは表示の速さとは別の指標で、読み込み中にコンテンツがずれる現象を数値化したもの。画像の width/height 指定とカルーセルの初期高さ確保の2つで、実在4サイトの CLS が最大89%改善した。

https://notes.ideamans.com/posts/2026/speed-opportunity-loss.html 2026-07-16T11:00:00.000Z 2026-07-16T11:00:00.000Z

サイトスピードが遅い通販サイトでは、本来買ってくれるはずだったユーザーが数多く離脱し、注文を取りこぼしている。通販14サイト・直近30日の実測データからその機会損失を可視化すると、速いサイトでも60%、遅いサイトでは90%以上を取りこぼしている実態が見えてきた。

https://notes.ideamans.com/posts/2026/same-domain-resource-delivery.html 2026-07-14T06:30:00.000Z 2026-07-14T06:30:00.000Z

外部CDNからの配信はドメインごとに DNS・TCP・TLS の接続コストを足す。クリティカルパス上のCSSや同期JSなら、接続1回分で FCP・LCP が1秒以上悪化していた実例がある。効くケースと効かないケースを分ける。

https://notes.ideamans.com/posts/2026/japanese-webfont-optimization.html 2026-07-13T06:30:00.000Z 2026-07-13T06:30:00.000Z

日本語Webフォントは文字種が多くファイルサイズが英語フォントと桁違いになる。実在EC4例の数値を引きながら、未使用フォントの削除・font-display・サブセット化・preconnect を解説する。

https://notes.ideamans.com/posts/2026/opportunity-loss-rate.html 2026-07-09T14:00:00.000Z 2026-07-09T14:00:00.000Z

サイトスピードを大幅に改善しても、その前後でCVRには期待した効果が出ないことがある。通販サイト14サイト・約2,000万セッションの実測から、こうした場合はCVRではなく「機会損失率」を比べると、サイトスピード改善のビジネス成果を確認しやすくなることを示す。

https://notes.ideamans.com/posts/2026/text-compression-gzip-brotli.html 2026-07-08T06:30:00.000Z 2026-07-08T06:30:00.000Z

テキストリソースのGZIP/Brotli圧縮は、サーバー設定を変えるだけで転送量を60〜80%削減できる。実在サイトでは設定漏れが意外と多く、有効にするだけでLCPが1秒以上改善した例もある。確認方法と設定方法を解説する。

https://notes.ideamans.com/posts/2026/web-image-optimization-checklist.html 2026-07-05T15:00:00.000Z 2026-07-05T15:00:00.000Z

画像最適化は「AVIF/WebPへの変換」だけで完結しない。適切な解像度・画像形式・データ最適化・画像配信・遅延読み込みの5本柱で、画像そのものと届ける仕組みの両面を点検するチェックリストを用意した。

https://notes.ideamans.com/posts/2026/images-webp-conversion.html 2026-07-05T06:30:00.000Z 2026-07-05T06:30:00.000Z

AVIFやWebPへの移行は転送量に効く。ただし LCP は前段の FCP とダウンロード開始でほぼ決まるため、フォーマット変更で LCP が大きく縮むのは画像が極端に重いサイトに限られる。効きどころを実測データで示す。

https://notes.ideamans.com/posts/2026/lcp-image-priority-loading.html 2026-07-01T06:30:00.000Z 2026-07-01T06:30:00.000Z

ファーストビューの最大画像に lazyload が残っていると、JavaScriptが動くまでダウンロードが始まらず LCP が数秒単位で悪化する。実在サイトの数値とともに、lazy を外す対処法と preload の要否を整理する。

https://notes.ideamans.com/posts/2026/tailscale.html 2026-06-27T15:18:00.000Z 2026-06-27T15:18:00.000Z

オフィスに自前PCサーバーを持つ弊社がヤマハRTXによるVPNからTailscaleに移行して半年。Tailscaleは単なるVPNの代替に留まらず、AIエージェント時代の新しいネットワーク体験を提供するサービスである。

https://notes.ideamans.com/posts/2026/access-ranking-clickthrough.html 2026-06-24T11:30:00.000Z 2026-06-24T11:30:00.000Z

弊社 Ranklet4 の累計約11.5億表示の実測データから、アクセスランキングのクリック率を分析。全体平均2.7%・典型値3.5%という代表値、設置場所による違い、対数正規分布というかたち、そして通年で1〜10%という安定した目安まで、設置を検討するときの数値的な根拠を示す。

https://notes.ideamans.com/posts/2026/third-party-tags-and-sitespeed.html 2026-06-22T06:30:00.000Z 2026-06-22T06:30:00.000Z

広告・解析・タグマネージャーは思っている以上にサイトスピードを奪う。ページ本体は軽いのにタグだけで LCP が10秒以上遅い例も珍しくない。大規模改修の前にタグを見直す意義を解説する。

https://notes.ideamans.com/posts/2026/speed-variance.html 2026-06-20T11:15:00.000Z 2026-06-20T11:15:00.000Z

同じページでもユーザーが体験する表示速度は大きくばらつく。その分布は対数正規分布のロングテールを描き、多くのユーザーは似たスピードで体験する一方、遅い人はとことん遅い。この形をつかめば、自分以外のユーザーのスピード体験を具体的に思い描けるようになる。

https://notes.ideamans.com/posts/2026/access-ranking-psychology.html 2026-06-17T14:18:55.000Z 2026-06-17T14:18:55.000Z

なぜアクセスランキングはクリックされやすいのか。Googleディスプレイ広告の何倍ものクリック率を生む背景を、「社会的証明」と「選択肢を減らす効果」という2つの心理学的仮説と学術研究から考察する。

https://notes.ideamans.com/posts/2026/sitespeed-is-not-a-metric.html 2026-06-17T02:04:00.000Z 2026-06-17T02:04:00.000Z

LCPやINPなどの指標は「サイトスピード」の代名詞として使われるが、実際には本質を完全には表せない不完全な数値である。待ち時間がユーザーの集中力を少しずつ削り、コンバージョンを妨げる「抵抗の大きさ」こそがサイトスピードの正体であり、指標はそれを計測するための便宜的な尺度にすぎない。

https://notes.ideamans.com/posts/2026/gridgram-ai-agent.html 2026-04-23T13:00:00.000Z 2026-04-23T13:00:00.000Z

CLIツール Gridgram を AI エージェントから使いやすくするための取り組みを解説する。llms.txt・Context7・gg llm のドキュメント系と、Skills・gg icons のコマンド系の2軸で整理した記録。

https://notes.ideamans.com/posts/2026/gridgram-concept.html 2026-04-23T12:00:00.000Z 2026-04-23T12:00:00.000Z

テキストDSL（.ggファイル）から関係図・概念図をSVG/PNGで生成するCLIツール「Gridgram」を開発した。グリッド配置による決定論的な出力と6000種類以上のTabler Iconsを組み合わせ、業務資料に馴染む図解をコードで管理できるオープンソースツールの概要を紹介する。

https://notes.ideamans.com/posts/2026/d2-and-freepik-agent-concept.html 2026-04-07T16:47:00.000Z 2026-04-07T16:47:00.000Z

図版記述言語D2とFreepik APIを組み合わせ、自然言語から高品質なポンチ絵を自動生成するAIエージェントのコンセプトを公開。パワポやKeynoteから解放される未来がすぐそこにある。

https://notes.ideamans.com/posts/2026/chartjs2img.html 2026-04-07T11:00:00.000Z 2026-04-07T11:00:00.000Z

Chart.jsの設定JSONをコマンド一発で画像化するCLIツール「chartjs2img」をOSSとして公開。AIエージェントによるレポート自動生成で役立つ、Chart.js 4.4と12プラグイン内蔵・セットアップ不要のグラフ画像生成ツール。

https://notes.ideamans.com/posts/2026/learning-llm-internals.html 2026-03-06T09:00:00.000Z 2026-03-06T09:00:00.000Z

LLMの内部原理（トークン・コンテキスト・アテンション機構）を学ぶことで、AIとの協業スキルが本質的に向上する。プロンプトテクニックより原理理解を優先すべき3つの理由を解説する。

https://notes.ideamans.com/posts/2026/image-fitness-criteria.html 2026-02-25T09:00:00.000Z 2026-02-25T09:00:00.000Z

約300サイトのECサイト調査から導き出した「画像配信効率（KB/Mpx）」と5段階評価基準を紹介。「画像を軽くして」という要望に統計的根拠をもって定量的に答えるための指標を解説。

https://notes.ideamans.com/posts/2026/speed-cvr-modeling.html 2026-02-10T07:30:00.000Z 2026-02-10T07:30:00.000Z

14の通販サイトのデータから、LCPとCVRの関係を指数減衰モデルで定量化。ポテンシャルCVR・減衰率・ロイヤルティCVRという3パラメータが持つビジネス的意味を解説する。

https://notes.ideamans.com/posts/2026/ideamans-media-overview.html 2026-02-06T14:32:00.000Z 2026-02-06T14:32:00.000Z

AIエージェント（Claude Code）とモノレポを組み合わせた自社メディア運営の自動化プラットフォーム。SNS投稿・HTMLメール配信の99%を自動化したセカンドフェーズの全容を公開する。

https://notes.ideamans.com/posts/2026/static-webshot.html 2026-02-04T08:07:00.000Z 2026-02-04T08:07:00.000Z

CSSアニメーション・カルーセルスライダー・乱数を徹底的に制御し、再現性のある決定論的スクリーンショットを撮影するCLIツール static-webshot の設計と実装を解説する。

https://notes.ideamans.com/posts/2026/sitespeed-and-tv-ratings.html 2026-01-30T15:00:00.000Z 2026-01-30T15:00:00.000Z

サイトスピードとテレビ視聴率は確率的に同一の構造を持つ。「良い体験が新規行動を生む」のではなく「離脱を防ぐことで本来あり得た成果を取り戻す」という因果メカニズムを解説する。

https://notes.ideamans.com/posts/2026/http-playback-proxy.html 2026-01-26T09:52:00.000Z 2026-01-26T09:52:00.000Z

Webページ表示に必要な全通信を記録・再生するRust製オープンソースツールhttp-playback-proxyの仕組みを解説。本番環境に触れずにサイトスピード改善施策をシミュレーションできる。

https://notes.ideamans.com/posts/2026/ec-site-speed-ab-test.html 2026-01-21T00:00:00.000Z 2026-01-21T00:00:00.000Z

服飾系ECサイトで実施した自然実験により、LCP 1.5秒の壁でCVRが19倍・再訪問率が4.5倍異なることを実証。サイトスピードが短期収益と長期LTVの両方に与える影響をデータで示す。

https://notes.ideamans.com/posts/2025/sakura-cdn-streaming-hack.html 2025-12-28T19:30:00.000Z 2025-12-28T19:30:00.000Z

さくらインターネットのウェブアクセラレータは「アウトバウンドのみ課金・リクエスト数は無料」という料金体系を持つ。GETパラメータでユーザー行動データを送信しログに記録する手法でAmazon Data Firehose相当のストリーミングデータ収集を月額数百円で実現する方法を紹介する。

https://notes.ideamans.com/posts/2025/go-loadshow.html 2025-12-27T14:26:00.000Z 2025-12-27T14:26:00.000Z

Webページの読み込みプロセスをMP4動画に録画し、最適化前後を横並び比較できるCLIツール「Loadshow」をGo言語で全面リニューアル。単一バイナリ配布、OS標準H.264エンコーダ活用、Playwright自動ブラウザ調達など技術的な課題の解決方法も解説する。

https://notes.ideamans.com/posts/2025/speedismoney-modeling-v4.html 2025-12-15T13:00:00.000Z 2025-12-15T13:00:00.000Z

通販サイト14サイトのデータ分析から、セッションのLCP代表値として「最小値」を採用することでサイトスピードとCVRの相関が明瞭になることを発見。平均LCPの因果逆転問題を解消した新モデルで「10%のLCP改善で約8〜9%のCVR改善」という定量的な収益予測が可能になった。

https://notes.ideamans.com/posts/2025/gemini-cli-common-work.html 2025-09-01T06:33:00.000Z 2025-09-01T06:33:00.000Z

Gemini CLIとPlaywright・Brave Search MCPサーバーを組み合わせ、TSVファイルの空欄をAIが自動で埋めるバッチ処理を構築する方法を解説。プログラミング不要で単純な繰り返し調査作業をAI自動化できる「テキスト等価仮説」の考え方とシェルスクリプトによる自動再実行も紹介する。

https://notes.ideamans.com/posts/2025/feedly-read-later.html 2025-08-26T13:56:00.000Z 2025-08-26T13:56:00.000Z

FeedlyのAPIがPro版で使えない問題を回避し、ChromeデベロッパーツールのJavaScriptコンソールから「あとで読む」記事の公開日時・URL・タイトルをタブ区切りでスプレッドシートに抽出するスクリプトを紹介する。データの自己所有権についても考察。

https://notes.ideamans.com/posts/2025/next-gen-image-accept-controller.html 2025-07-02T09:53:00.000Z 2025-07-02T09:53:00.000Z

次世代画像フォーマットの出し分けをデバッグするため、HTTP Acceptヘッダを書き換えてWebP/AVIF非対応ブラウザをシミュレートするChrome拡張機能を開発・公開。旧ブラウザの実機調達が困難な現在の代替検証手法として活用できる。

https://notes.ideamans.com/posts/2025/ai-era-software-architecture.html 2025-06-09T11:08:00.000Z 2025-06-09T11:08:00.000Z

AIコーディングの時代に最適なソフトウェア設計とは何か。接着コードの肥大化という従来の課題に対し、AIに部品開発を委ねてOSS化するマイクロサービス的アーキテクチャが6ヶ月の工期を3週間に短縮した実例を考察する。

https://notes.ideamans.com/posts/2025/go-exif-remove-thumbnai.html 2025-06-03T09:40:00.000Z 2025-06-03T09:40:00.000Z

JPEGのメタデータを無闇に削除するとICCプロファイルや向き情報が失われるが、EXIFサムネイルだけは積極的に削除すべき理由とそのGo言語製OSSツールを紹介。画像軽量化における副作用リスクとサムネイルデータの存在を解説する。

https://notes.ideamans.com/posts/2025/go-l10n.html 2025-05-31T15:56:00.000Z 2025-05-31T15:56:00.000Z

Movable Typeのローカライゼーション設計にインスパイアされた、英語メッセージ自体をキーとするシンプルなGo言語向け多言語対応パッケージgo-l10nを公開。認知負荷の低い辞書設計と環境変数による言語自動判別の実装アプローチを紹介する。

https://notes.ideamans.com/posts/2025/web-image-format-variation-toolkit.html 2025-05-31T08:43:00.000Z 2025-05-31T08:43:00.000Z

JPEG・PNG・GIFの内部フォーマットバリエーション（Exifの有無・圧縮方式・サブサンプリング等）を包括的に網羅したデータセットとPython製生成ツールをOSSとして公開。画像変換ツールの品質評価や予期せぬトラブルの事前検知に活用できる実用的なテストリソースを紹介する。

https://notes.ideamans.com/posts/2025/vibe-coding-benchmark.html 2025-05-27T13:56:00.000Z 2025-05-27T13:56:00.000Z

Go言語でKVSライブラリ（LevelDB・BBolt・Badger・Pebble・SQLite）を比較するベンチマークプログラムをClaude Codeに丸投げし、30分のプロンプト作成で一日がかりの作業を完了した体験を紹介。Vibe Codingが使い捨てツールやPoC開発で威力を発揮する実例を示す。

https://notes.ideamans.com/posts/2025/ai-programming.html 2025-05-27T13:56:00.000Z 2025-05-27T13:56:00.000Z

Claude CodeによるAIコーディング（Vibe Coding）を実践し、テストコードやドキュメント生成を含むGoパッケージを3時間で完成させた体験から、AIをOSSとして信頼する意識転換やマイクロサービス的設計思想など新時代のプログラミング観を考察する。

https://notes.ideamans.com/posts/2025/image-fitness-cost.html 2025-05-12T12:27:00.000Z 2025-05-12T12:27:00.000Z

Web画像軽量化の費用対効果を「海外クラウドコスト削減・表示スピード改善・CSR・チーム摩擦解消」の4つの価値軸で分析。月1000万PVの通販サイトで35万円/月の削減実績も交え、妥当な投資額の判断基準を具体的に示す。

https://notes.ideamans.com/posts/2025/blog-renewal.html 2025-05-06T10:43:00.000Z 2025-05-06T10:43:00.000Z

Movable TypeのブログをVitePressで再構築し、ビルド時間を1分41秒から5.66秒に短縮した実例を紹介。Layout.vueでのテンプレート切り替え、データローダー、ダイナミックルート、RSSフィード生成など本格ブログ構築のノウハウを解説する。

https://notes.ideamans.com/posts/2025/x-ai-posting.html 2025-05-02T15:00:00.000Z 2025-05-02T15:00:00.000Z

過去のブログ記事をランダムに抽出し、GeminiがSNS投稿文を自動生成してGitHub ActionsのCronワークフローで1日2回Xに投稿する仕組みを構築。文面パターン23種類のプロンプト設計からX APIの認証設定まで実装の全体像を紹介する。

https://notes.ideamans.com/posts/2025/mastra-local-llm.html 2025-05-01T19:30:00.000Z 2025-05-01T19:30:00.000Z

LM StudioでQwen3をOpenAI互換APIとして起動し、MastraのAI SDKからローカルLLMに差し替えてPlaywright MCPサーバーでブラウザを操作する実験を紹介。クラウドLLMとの精度差の現実と、手元のMacBook Proでオフラインにアクティブなモデルが動く意義を考察する。

https://notes.ideamans.com/posts/2025/mission-web-fitness.html 2025-04-30T12:20:00.000Z 2025-04-30T12:20:00.000Z

画像軽量化・ページ表示速度改善・アクセスランキング効率化という3つの事業に共通する「WebにおけるムダをなくしたいI」という思想を解説。デジタル赤字・クラウドコスト・ユーザー体験の観点から、アイデアマンズが目指す「Webフィットネス」のミッションを語る。

https://notes.ideamans.com/posts/2025/google-spreadsheet-tables.html 2025-04-25T15:15:00.000Z 2025-04-25T15:15:00.000Z

TypeScript + ZodでGoogleスプレッドシートをドキュメントデータベースとして扱えるNPMモジュール「google-spreadsheet-tables」を公開。RDBMSを用意するほどでもない小規模データ管理に最適で、GUIでのデータ総覧や前後工程との連携がしやすい利点を解説する。

https://notes.ideamans.com/posts/2025/agent-mcp-batch.html 2025-04-20T06:33:00.000Z 2025-04-20T06:33:00.000Z

Mastra・Playwright MCP・Googleスプレッドシートを組み合わせ、多数のWebサイトを自律的に調査するAIバッチ処理を実装する方法を解説。ソースコードも公開し、寝ている間にスプレッドシートが自動で埋まる仕組みの構築手順を紹介する。

https://notes.ideamans.com/posts/2025/access-ranking-adoption.html 2025-04-16T16:41:00.000Z 2025-04-16T16:41:00.000Z

ニュース系メディアサイト220サイトを対象にアクセスランキングの採用率を調査。全体平均74%で、地方紙・IT専業メディアは90%超、一方で専門性の高いメディアは平均以下という実態とジャンル別の傾向を公開データで解説する。

https://notes.ideamans.com/posts/2025/media-sites.html 2025-04-10T10:25:00.000Z 2025-04-10T10:25:00.000Z

ChatGPTでジャンル分類を得た後、GensparkとGemini Deep Researchのディープリサーチを活用して日本国内のメディアサイト約300件をURLつきでリスト化する手順を紹介。AIによる大規模リサーチの実力と限界、収集データをGoogleスプレッドシートで公開。