ideaman's Notes— アイデアマンズの研究ノート
Webパフォーマンス改善とAI開発の現場メモ。
読みかけ、走り書き、思いつきも、そのまま残しておく場所です。
最近書いたメモ
— recentTailscaleという新しいネットワーク体験
今更ながらTailscaleを紹介したい。半年ほど前にオンプレVPNをTailscaleに刷新したのだが、UXが抜群にいい。そしてひとり月額$8と安い。一瞬で手放せない必須ツールとなってしまった。
アクセスランキングは何%クリックされるのか
アクセスランキングを設置したらどのくらいクリックされるか、定量的なデータを見たことはあるだろうか。回遊性を高める施策としてランキングはよく使われるが、その効果が実際どの程度なのかを数字で語れる材料は意外と少ない。弊社はアクセスランキングウィジェットサービス Ranklet4 を運営しており、累計で…
サイトスピードが遅いなら、まず疑うべきはサードパーティタグ
サイトスピードの相談を受けると、ページの作りを見直すという前提で話が進みやすい。何か実装方法が間違っているのだから、それを直せばスピードは上がるはず、と考えるのは自然な話だ。…
ページスピードは一定ではない？ みんなのスピード体験を想像するコツは「対数正規分布」
「自分のPCで見るとそんなに遅くないんですけど」。サイトの表示速度を議論するとき、こういう言葉を耳にすることがある。悪意ではなく本当にそう感じているのだ。…
アクセスランキングの心理学
あなたはアクセスランキングをクリックしたことがあるだろうか。「人気記事ランキング」「よく読まれている記事」。こうした枠がサイドバーや記事下に並んでいると、つい目が留まり、クリックしてしまった経験が誰しもあるはずだ。 実は、アクセスランキングのクリック率はかなり高い。弊社のアクセスランキングウィジェットサービス…
「サイトスピード＝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制作でそこまで手間をかけるのはほぼ不可能だ。…