LAB NOTE 00 BEGINNER-FRIENDLY TECH

試して、記録して、
次に進める。

ブラウザAI、Python、Web技術を実際に動かし、初心者にも再現しやすい手順として整理する技術ブログです。

注目記事から読む 新着記事を見る

FEATURED NOTES

さまざまなテーマから、いまおすすめしたい記事を選びました。

LEARNING PATHS

テーマから探す

興味のある分野から、記事を探せます。

Python入門環境構築から基本文法まで、順番に学べます。記事を見る WebLLMブラウザで動くAI技術を、実際に試しながら学べます。記事を見る Pythonでのデータ分析入門データの読み込み、集計、可視化を実例から学べます。記事を見る MCPAIとツールをつなぐMCPの仕組みや実装を学ぶ。記事を見る ブラウザDB・ストレージOPFSなど、ブラウザ内にデータを保存する技術を学ぶ。記事を見る

すべてのテーマを見る

START HERE

Python入門講座インストールから基礎まで、最初の一歩を順番に。 ブラウザAI入門WebLLMを使い、ブラウザだけでAIを動かす。 技術の実験室ブラウザ実験室：操作して、結果を確かめる。第1回はメモの保存実験。

LATEST

新着記事

注目記事と重複しない、新しく公開した記事を最大3件掲載しています。

ブラウザDB・ストレージ

【技術の実験室｜ブラウザ実験室 #01】保存したメモは再読み込み後も戻る？ OPFSで試す

メモを保存してページを再読み込みすると、文字は戻るでしょうか。ブラウザー上のデモで試し、OPFSから読み直す仕組みと保存データの注意点を確認します。
2026.10.05
ブラウザDB・ストレージ
生成AI・Web開発

Chrome DevToolsでfetchを再送する｜ローカルAPIで200と400を調べる

失敗したAPI通信を、画面操作からやり直さず調べるには？ Chrome DevToolsのResendを使う手順と、200・400応答を返すローカル教材を紹介します。
2026.09.27
生成AI・Web開発
Webパフォーマンス・先読み

Speculation Rules APIを安全に試す｜prerender失敗をDevToolsで調べる

先読みを追加して終わりにせず、副作用を遅延し、実際にprerenderが採用されたかを確認します。
2026.09.26
Webパフォーマンス・先読み
次のページ

新着記事をもっと見る

ABOUT THIS LAB

動かしてから、記事にする。

公式情報を確認し、実際の環境で動作を確かめ、期待結果と実際の結果を記録します。未確認の仕様や性能は断定しません。

運営者と記事の検証方針を見る