Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloud...
Search
中川 聡也
March 13, 2025
Programming
0
180
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7
Cloudflare Meet-up Tokyo Vol.7 LT資料
Cloudflare Pagesのサイトを NotebookLMから読みやすくする
中川 聡也
March 13, 2025
Tweet
Share
More Decks by 中川 聡也
See All by 中川 聡也
Vue.js_好きに捧ぐ Nuxt Hub で簡単に始めるCloudflare
xiombatsg
1
260
Cloudflare Workers でWebGPUと戯れる
xiombatsg
0
240
受託開発でGitLab CI を活用していく
xiombatsg
1
590
Webサービス開発でのPostman活用方法
xiombatsg
0
270
Cloudflare Worker x Momento でリージョンと戦う
xiombatsg
0
920
OCHa Cafe Season7をふりかえって
xiombatsg
0
310
Other Decks in Programming
See All in Programming
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
130
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
790
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
2
1.2k
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.2k
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
オンコール⼊⾨〜ページャーが鳴る前に、あなたが備えられること〜 / Before The Pager Rings
yktakaha4
2
1.1k
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
260
効率的な開発手段として VRTを活用する
ishkawa
1
180
slogパッケージの深掘り
integral0515
0
120
「App Intent」よくわからんけどすごい!
rinngo0302
1
120
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
GraphQLとの向き合い方2022年版
quramy
49
14k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Speed Design
sergeychernyshev
32
1k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
4 Signs Your Business is Dying
shpigford
184
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Adopting Sorbet at Scale
ufuk
77
9.5k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Transcript
Cloudflare Pagesのサイトを NotebookLMから読みやすくする Cloudflare Meet-up Tokyo Vol.7 2025/3/14 株式会社Future Techno
Developers 中川 聡也
サーバーレス:Serverless/Cloudflare/TiUG ゲーム‧アプリ:IGDA Japan / 福岡インディーゲーム協会 Cloud Native:OCha Cafe! 他も顔出してます。どこかであったら声かけてください! まずは⾃⼰紹介
@xiombatsg 1 何をしている⼈? 商品開発をしているお客様を技術⾯でご⽀援 チーム構築のご⽀援(Platform Engineer,SRE…) どんなジャンル? ゲーム/Webサービス/CG/組み込み/etc… どんなコミュニティに顔を出している? コミュニティ運営に参画 中川 聡也 Satoyan https://zenn.dev/nakagawa_satoya
運営コミュニティ
お客様の周りにプロジェクトが炎上しているお客様はいらっしゃいますか? システム開発で いつもプロジェクトが炎上してしまう と困っていませんか? プロジェクト開発に知⾒のあるエンジニアが、 課題管理やスムーズな進捗管理などを⾒直し、 解決に向けてアドバイスします!
個人クリエイター支援始めました 資⾦調達で困っている チームメンバーが揃わなくて困っている イベント出展⼿伝ってほしい などなど 個⼈開発している⼈お話ししましょう ←2026年発売予定。PixelArt x アクション
本題
みなさんこの記事読みましたか? 6
南波さんは NotebookLM に情報集約している・・・
南波さんにお会いしたい。。。! お会いするならきっとNotebookLMに情報 集約できないとお困りになるはず! NotebookLM で ⾃分のサイトを読むに違 いない
URLを入れると・・・読み込まれるはず
ちょっ!ま え‧‧‧‧? まじで?
読んでもらえないと困るので、急いで直す。
治った
何がだめだったの? 1. Nuxt.jでできている CSRサイトが、NotebookLMクローラーが 読めてなかった - Google 検索のbotとかちゃんと読んでくれていたので油断していた - Javascript実⾏してレンダリングしてくれる柔軟さはまだなさそう
2. SSRに切り替えたんだけど、以前試してたハイブリッドレンダ リングのコードが邪魔して、ビルドで転けてた - いらないので消した。会社の公式サイトでやることじゃない 13 テスト⼤事!
めでたしめでたし 何はともあれ、NotebookLMで⾃分のサイ トが読めた。 これで南波さんにいつお会いしても⼤丈夫
ではない 無駄にお知らせあったり、なんかふわっとしたことしか書いてない。 サイトのトップページってどこもこんな感じですよね? AI SEO対策
やっとやりたかったことに
課題感 サイトのトップページってふわっとしていることが書いてある 1. SEO対策 2. なんとなくそれっぽいことを書きがち 3. コンテンツページも掘ればあるんだけど、細部まで⾒てくれな いよね? 17
しっかりした内容をNotebookLMで拾ってほしい!
llms.txtがあったじゃないか! みんな大好き亀田さんブログ https://zenn.dev/kameoncloud/articles/4777d4affc49ea llms.txt とは 簡単に言うと、AI botクローラーがそのサイトの 情報をサイトクロールせずに読み込めるようにし たもの。robot.txtのLLM向けのようなイメージ。
Markdownで書く あと 設置することで AI botクローラーのアクセス が減る。らしい(まだ測定したことはないです)
と言うことで設置
もう一度NotebookLMに読ませてみる 変わらない
llms.txtへの直リンが必要・・・? リテラシーの⾼い南波さんならもしかしてとllms.txtの直リン開いて くれるかもしれないけど、普通はルートで読むでしょ。
読んでもらえないと困るので、急いで対策。
治った
南波さんがきっと確認されるであろう質問をしてみる
補足:robot.txtでは弾かないように 細かい設定しても良いと思うけど、読ませる前提なら全許可で
補足:bot保護も無効にしよう これ⼊れていると AI bot クローラーは情報取れないよ
まとめ 1. AI botクローラーって Google検索のクローラーと違ってJavascriptレンダリングして くれないっぽいので、SSR必須です。CSRとかSPAはだめ a. Workers ルートでllms.txtを渡せば良いですが、何もしてないサイトは読み込 めてないので、あなたのサイト学習できてないよ
2. 自分のコンテンツがどう読まれているかテストするのは結構良い体験 a. サイト制作時に OGPとかだけじゃなく,NotebookLMでの見え方も気にしたら 良いと思う AI SEO対策!
コミュニティ活動宣伝
Cloudflare Meetup TOKYO Vol.8 2025.6ぐらい?
#CloudflareUG #CloudflareUG_hnd
Azure AI Developers Community(JP) #AzureAIDevJP オープニングオープニングオープニング 30 Here we go
!
協賛・サポータ募集中 東京でも良いよ
https://finops-study.connpass.com/ 当コミュニティはFinOps Foundationとは一切関わりがありません(大事な とこ) ハッシュタグ をチェックだ! #FinOpsStudy
3/19 発売! ※ちなみに何も関わってません
人生初の技術書翻訳お手伝い本(みんな買って!) 書店サイト
None