ideaman's Notes— アイデアマンズの研究ノート
Webパフォーマンス改善とAI開発の現場メモ。
読みかけ、走り書き、思いつきも、そのまま残しておく場所です。
最近書いたメモ
— recentアクセスランキングの心理学
あなたはアクセスランキングをクリックしたことがあるだろうか。「人気記事ランキング」「よく読まれている記事」。こうした枠がサイドバーや記事下に並んでいると、つい目が留まり、クリックしてしまった経験が誰しもあるはずだ。 実は、アクセスランキングのクリック率はかなり高い。弊社のアクセスランキングウィジェットサービス…
「サイトスピード＝LCPなどの指標」ではない理由
「サイトスピードを改善しましょう」と言うとき、多くの人は指標の数値を良くすることだと受け取る。それは間違いではないし、実用上も大きな問題はない。しかしユーザーが体感するサイトスピードこそが本来の正体であり、時間的な指標はそれを数値化する便宜的な尺度に過ぎない。だから、…
GridgramをAIエージェントフレンドリーにする
前回の記事 でGridgramのコンセプトと基本的な使い方を紹介した。今回は、このCLIツールを「AIエージェントから使いやすい状態」へ整えるべく取り組んだことを記録する。…
Mermaid風のテキストから図解を生成するGridgram
業務では、物事の関係図や概念図——いわゆるポンチ絵——を作る場面がよくある。PowerPointやKeynote上でマウス操作によりチクチク作ると、案外手間と時間がかかる。構造は数分で頭に浮かんでいても、それを絵にする作業だけで30分、1時間と溶けることは珍しくない。…
D2 + Freepik APIでポンチ絵を自動生成するAIエージェントを作ってシビれた
ポンチ絵——つまり概念図やアーキテクチャ図のことだが、これを描くのはずっと面倒な作業だった。PowerPointやKeynoteで四角や矢印を並べ、位置を微調整し、画像として書き出す。たったひとつの図に30分、1時間とかかることもざらである。…
Chart.jsのグラフをCLIで画像化するOSSツール「chartjs2img」を公開
AIエージェントによるレポート自動生成が当たり前になりつつある今、「見栄えの良いグラフをサクッと画像にしたい」という場面が増えている。そこで、Chart.jsの設定JSONを渡すだけでグラフ画像を生成できるCLIツール chartjs2img をOSSとして公開した。 GitHub:…
LLMの原理を学ぶとAIとの付き合い方が上手くなる
Claude Codeを本格運用するようになってから、AIのコーディング中に手持ち無沙汰となる時間が増えた。その隙間で手にしたのが「 作りながら学ぶ! LLM自作入門 」だった。この経験が、AIを活用したコーディングやエージェント構築において、想像以上に役立つこととなった。
「画像を軽くして」と言われたときの定量的な基準
Web制作の現場で「画像を軽くして」と言われることはよくある。一枚一枚人間の目で品質やパラメータを調整すれば軽くすることは可能だが、現在のWeb制作でそこまで手間をかけるのはほぼ不可能だ。…
サイトスピードとCVRの関係を数式で記述する - 指数減衰モデル
「読み込みが1秒速くなるとCVRが○%上がる」——サイトスピードとコンバージョンレート（CVR）の関係について、これまで耳にしてきたのはこうした断片的なフレーズばかりだった。しかし、両者の関係をもっと全体的に、 シンプルな数式で記述 できないだろうか。…
AIエージェントによる自社メディア運営の統合プラットフォーム - セカンドフェーズ完成
AIエージェントによる自社メディア運営プロジェクトのセカンドフェーズが完成し、安定稼働を始めた。 放置し続けてきた顧客タッチポイント ​ 正直に告白すると、私たちアイデアマンズ株式会社は、SNSやメール配信といった顧客タッチポイントを 長年にわたって放置し続けてきた 。…
アニメーションを抑制したWebスクリーンショットを撮るCLIツール static-webshot
Webページのビジュアルリグレッションテストを行う際、最大の敵はアニメーションだ。カルーセルスライダー、CSSアニメーション、フェードイン効果...これらの動的要素があると、撮影のたびにスクリーンショットが異なり、まともなピクセル比較ができない。…
サイトスピードとテレビの視聴率の不思議な関係
サイトスピードが上がると収益が上がる。テレビの番組が面白いと視聴率が上がる。どちらも当たり前のように語られている。しかし、よく考えてみてほしい。サイトの表示が速くなったからといって、ユーザーの購買意欲が増すわけではない。テレビの面白い瞬間を視聴者が事前に知ることもできない。それなのに、なぜ「上昇方向」の因果関係が成り立…