ideaman's Notes— アイデアマンズの研究ノート
Webパフォーマンス改善とAI開発の現場メモ。
読みかけ、走り書き、思いつきも、そのまま残しておく場所です。
最近書いたメモ
— recent詳説 LightFile Proxy (2) 拡張子は.jpgのまま中身をWebPにしてよいのか
LightFile Proxyでは、URLの拡張子を .jpg や .png としたまま、データの中身を軽量な次世代画像フォーマットのWebPに変換して配信する。このアプローチによって、従来のHTMLに変更を加えず、画像だけを最適化できるのだが、人によっては「気持ち悪い」と感じるかもしれない。…
AIと一緒に書いたMarkdownを旧来のBacklog記法に変換するOSS CLI md2biki
案件によって、プロジェクト管理のBacklogに参加することがある。 Backlog Backlogも最近はMarkdownが主流になったが、ワークスペースによっては旧来のBacklog記法での入力を求められる。…
詳説 LightFile Proxy (1) サイトに手を加えず画像をWebPで配信する仕組み
一般的にWebサイトは転送量の多くを画像が占める。この画像を従来フォーマットのJPEG/PNG/GIFから次世代フォーマットのWebPに変えるだけで転送量が減り、CloudFrontの料金も下がる。しかし既存のサイトをWebPに対応させるには、システムの改修やデザイナーの画像ファイル出力作業の変更が必要になる。…
SEOの素人がAIエージェントとキーワード調査をするためのラッコキーワード用OSS CLI rakkokeyword-cli
ラッコキーワードは、SEOや広告のためのキーワード調査ツールである。 ラッコキーワード…
BigQueryとAPIに分かれたCrUXのデータをAIエージェントから引くためのOSS CLI crux-cli
弊社ではページスピード改善について、主にフロントエンドの改善提案を行っている。そのなかで重宝しているのが、Chromeの実ユーザーの表示速度を集計した Chrome UX Report（CrUX）のデータである。…
マネーフォワードケッサイの請求業務をAIエージェントに任せるためのOSS CLI mfk-cli
マネーフォワードケッサイは、いわゆる決済代行サービスである。請求書の発行から入金の確認まで、売掛金を回収する手間を引き受けてくれる。 マネーフォワードケッサイ 取引先の与信審査もしてくれるし、ファクタリングのようなサービスもある。弊社は幸いお客様に恵まれているので、そちらは使ったことがない。…
見積書と請求書の作成をAIエージェントに任せるためのMisoca用OSS CLI misoca-cli
見積書や請求書は、かつてはExcelでコツコツ作るか、基幹システムの一機能として用意されたものを使うかのどちらかだった。Excelは柔軟だが、とにかく面倒くさい。基幹システムは簡単な反面、融通がきかない。 Misocaは、その中間のちょうどよいところに収まったサービスだと思う。弊社でも使わせてもらっている。…
App Store Connectへのアプリ申請をAIエージェントに任せるためのOSS CLI apple-app-store-connect-cli
弊社では最近、「日本領収書スキャン」という初めてのiOSアプリを作った。領収書やレシートを撮影すると、AIが解析してExcelの一覧にまとめてくれるアプリである。 日本領収書スキャン アプリ自体はできたのだが、App…
Google Playへのアプリ公開をAIエージェントに任せるためのOSS CLI google-play-developer-publishing-cli
弊社の「日本領収書スキャン」は、まずiOS版をApp Storeで公開した。そのあとAndroid版もGoogle Playで公開した。 iOS版の申請では、App Store Connect APIを操作するCLIを先に作り、入力作業をAIエージェントに任せた。 App Store…
Go言語製CLIのAI向けナレッジをワンソースで複数の形式に展開するためのOSSライブラリ go-llm-cli-kit
弊社ではAIエージェントに外部サービスとの連携をさせるとき、Go言語でAPIをラップしたCLIをサクッと作り、それをエージェントに使わせるというパターンを取っている。 CLIを用意するところまではよいのだが、エージェントはそのCLIの使い方を知らない。 AIエージェントへ情報を提供する手段はいくつかある。…
AIにWebフロントエンドの見た目に関する回帰テストの目を与えるOSS page-regression-tester
弊社ではページスピード改善について、主にフロントエンドの改善提案を行っている。 フロントエンドに変更を加えるが、当然、見た目が変わってしまうと都合が悪い。速くなっても表示が崩れるのでは意味がない。…
実例に学ぶサイトスピード改善(7) head内の同期スクリプトが描画を止める
HTMLのhead内に置かれた同期スクリプトは、ダウンロードと実行が完了するまでHTMLのパースを止める。外部CDNから読み込む場合はDNS解決とTLS接続の分だけ遅延が上乗せされる。実在する国内サイト4例のシミュレーション値をもとに、defer/asyncによる非同期化と読み込み位置の見直しを解説する。