こんにちは、Katz Kawai です
Web 開発を楽しみながら、モダンなフロントエンドや PWA、データビジュアライゼーションを試している個人サイトです。
アイコンは、2025年の暮れに12歳で旅立った愛犬・パピちゃん。心から愛したワンコを偲び、追悼の想いを込めて使っています。
作品
GitHub Pages などで公開している制作物です（91件）。
免責事項: 本サイトおよび下記の作品一覧に掲載しているコンテンツは、サイト構築の練習およびサンプルとして作成したものであり、内容や表現に関する正確性・最新性・妥当性については保証しません。データや情報の取り扱いには十分ご注意ください。
静岡県の若年人口移動を男女で読み解く（Claude Opus 5.5）
総務省「住民基本台帳人口移動報告」2025年年報（日本人移動者、表8-2・8-3・11-1〜11-3）と令和7年1月1日の住民基本台帳人口を用いて、静岡県の若年移動を男女別に可視化したサンプル。
最終更新: 2026-09-29 サンプル日本企業の売上高経常利益率（GPT 6 Astra）
財務省「法人企業統計調査」年次別調査（e-Stat 統計表ID 0003060791、金融業・保険業を除く原数値）を用い、2016〜2025年度の10年間のミクロデータを可視化した分析。
最終更新: 2026-09-22 サンプル日本の業種別「売上高経常利益率」比較（Kimi）
財務省・財務総合政策研究所「法人企業統計調査」年次別調査（確定決算ベース、金融業・保険業を除く全規模合計）の実データをもとに、業種別の収益性を比較するサンプル。
最終更新: 2026-09-22 サンプル日本の人口構造と高齢化の推移（pi + Gemini 3.8 Flash）
1950年の実績から2070年の将来推計まで、日本の人口構成の長期推移・高齢化率・現役世代の扶養負担構造をまとめた静的レポート。
最終更新: 2026-09-21 アプリ日本の高齢者人口ダッシュボード（Kimi）
総務省統計局の統計トピックス No.149「統計からみた我が国の高齢者」（令和8年9月20日公表、2026年9月15日現在推計）をもとに、高齢者人口の実態を見るダッシュボード。
最終更新: 2026-09-21 アプリ日本の犯罪の推移（GPT 6 Astro）
警察庁の犯罪統計・警察白書をもとに、戦後80年の刑法犯の推移を可視化したダッシュボード。全国の認知件数・検挙件数・検挙率を時系列で比較。
最終更新: 2026-09-20 アプリ主要野菜の収穫量（GPT 6 Astra）
農林水産省「作物統計調査／野菜生産出荷統計」の長期累年表（e-Stat）をもとに、指定野菜15品目（ばれいしょ・キャベツ・たまねぎ・にんじんなど）を比較するデータアプリ。
最終更新: 2026-09-17 サイトなぜみかんの収穫量は激減したのか？（Antigravity）
農林水産省「果樹生産出荷統計」等の全国データ（1973年〜2025年）をもとに、みかん収穫量の長期推移と背景を解説する Web サイト。
最終更新: 2026-09-17 アプリ日本の国民所得（GNI）推移と構造分析（Gemini 3.8 Flash）
世界銀行オープンデータ API から日本の国民総所得（GNI）・GDP・海外からの純所得・1人当たり国民所得（1980年〜）を取得し、名目・実質・構成の変化を可視化したアプリ。
最終更新: 2026-09-10 サンプル日本のGNP/GDPの推移（Muse Spark 1.3）
日本の名目GDPと実質GNI（GNP）の推移（1990–2024年・兆円）をテキスト表・matplotlib グラフ・単一ファイルの Web ページで表示するサンプル。
最終更新: 2026-09-09 LP浜名湖うなぎ LP（GLM-5.3-Flash）
静岡・浜名湖産ブランドうなぎの特徴・歴史・楽しみ方・観光スポット・アクセスを紹介する和モダン（墨・金・湖緑）のランディングページ。
最終更新: 2026-09-06 サイト浜名湖うなぎ紹介サイト（Muse Spark 1.2）
浜名湖うなぎの魅力を紹介する和風モダンデザインの静的サイト。物語（1898年の養殖のはじまりから現在までのタイムライン）を交えた構成。
最終更新: 2026-09-05 アプリバローの中立性命題と内生的出生力モデル（Antigravity）
バローの中立性命題（Barro, 1974）とベッカー＝バローの内生的出生力モデル（Becker & Barro, 1988）を数理的に統合し、日本の少子化と家族形成をシミュレーションするアプリ。
最終更新: 2026-09-02 アプリ日本の物価マップ 2024（Antigravity）
総務省統計局「小売物価統計調査（構造編）」2024年結果の消費者物価地域差指数（全国平均＝100）をもとに、47都道府県の物価差を可視化したマップ。
最終更新: 2026-09-03 アプリ日本の都道府県別 最低賃金マップ（Antigravity）
日本の47都道府県別の最低賃金（時給換算額・2024年度改定）を Plotly のコロプレス図（階級区分図）で可視化するオープンデータ・ダッシュボード。
最終更新: 2026-09-03 アプリ金利と株価の数理メカニズム（Antigravity）
「なぜ利上げで株価が下がるのか」を、割引現在価値（DCF）・ゴードン成長モデル・株式デュレーション・Fedモデルの数式で解き明かす解説インターフェイス。
最終更新: 2026-09-02 サイト日本の国債はいつ発散するのか（Claude Opus 5）
「国の借金」の総額だけでは判定できない債務GDP比の発散条件を、定義・データ・数式の3層に整理した1ページの静的レポート。
最終更新: 2026-09-01 アプリKKL Clock（NHKテレビ時計クローン）
NHKのテレビ時計をモチーフにしたアナログ時計 PWA。木目調とサイバーブルーの2つの自作デザインテーマを切り替えられ、Web Audio でアラーム音も再生。
最終更新: 2026-08-30 サイト2025年度 ふるさと納税 都道府県別純収支分析（Antigravity）
総務省の現況調査などを基に、2025年度（令和7年度）ふるさと納税の都道府県別「単純純収支」（寄附受入額から募集経費と住民・自治体の便益・寄附控除を適切に割り引いた額）を可視化したサイト。
最終更新: 2026-08-27 サイト日本の所得格差分析 — タイテル指数の加法分解（Antigravity）
日本の所得・家計統計（国民生活基礎調査・家計調査・就業構造基本調査）の公表分布を参考に生成した合成マイクロデータ（N=300k）をもとに、所得格差の構造をタイテル指数で分解。
最終更新: 2026-08-26 サイト誰が、何のために生成AIを使っているか（Grok）
日本と主要国における生成AIの利用実態を、公式統計と一次調査のみで可視化した静的サイト。「誰が」（年齢・学歴・性別・雇用形態）と「何のために」（仕事・学習・創作・趣味）を切り分けて比較。
最終更新: 2026-08-25 サイト日本の都道府県別人口統計（DeepSeek）
政府統計の総合窓口 e-Stat の国勢調査オープンデータ（1920〜2020年・5年ごと21時点）を取得し、都道府県別人口を可視化した静的サイト。
最終更新: 2026-08-24 アプリ日本の書店 面積ランキング（Grok）
日本の大型書店を売場面積で比較するインタラクティブな静的サイト。総売場と書籍売場の2つのものさし、背表紙グラフ、横棒グラフで見比べられる。
最終更新: 2026-08-24 アプリCIVILIAN ACCESS ATLAS — 世界の民間銃所持制度マップ（GPT-5.6 Sol / Claude Fable 5）
世界195か国（国連加盟193か国＋オブザーバー2か国）について、一般市民が合法に銃器を取得・所持するための「制度上の入口」を比較したインタラクティブな地図。
最終更新: 2026-08-23 アプリCEOと従業員の給与格差（Claude Fable 5）
日・米・英・仏・独・加の主要6カ国における、CEOと一般従業員の給与格差を可視化した静的サイト。「1マス = 働き手1人分の年収」形式で比較。
最終更新: 2026-08-16 アプリアクセルとブレーキは同時に踏めるか — 利上げ局面の積極財政（Claude Fable 5）
日銀の利上げ局面で積極財政は実行可能かを、日銀・財務省・内閣府の公表統計（2026年8月取得）で検証する6節構成の政策分析ページ。
最終更新: 2026-08-15 アプリ世界の法人税の重み — 国際比較ダッシュボード（Kimi K3）
世界各国の法人税の「重み」を4つの指標で可視化したダッシュボード。法定税率（地方税込み複合税率）、OECDのフォワードル、名目税負担率などを比較。
最終更新: 2026-08-14 サイト浜名湖うなぎ処 湖月（DeepSeek V4 Flash）
浜名湖畔に構える架空のうなぎ料理専門店「湖月」の店舗サイト（サンプル）。トップ・浜名湖うなぎとは・メニュー・養殖の歴史を紹介。
最終更新: 2026-08-14 サイト浜名湖うなぎ非公式紹介ガイド（Gemini 3.7 Flash）
うなぎ養殖発祥の地・浜名湖のうなぎ文化と120有余年の伝統を解説する非公式紹介サイト。明治33年からの養鰻史タイムライン付き。
最終更新: 2026-08-14 サイト浜名湖うなぎ紹介サイト（Antigravity）
浜名湖うなぎの100年を超える歴史と伝統を紹介するWebサイト。関東風と関西風の焼き方の比較切り替え、ひつまぶしの食べ方ガイド付き。
最終更新: 2026-08-14 アプリ学歴と生涯賃金の見える化
労働政策研究・研修機構（JILPT）「ユースフル労働統計2025」をもとに、日本の学歴6区分（中学卒〜大学院卒）× 男女別の生涯賃金を比較したデータアプリ。
最終更新: 2026-08-12 サンプルChart.js データ視覚化チュートリアル
世界銀行オープンデータ API を Chart.js で可視化するサンプル集。折れ線・棒・ドーナツ・散布図の4種類を収録し、JS ファイル自体もそのまま再利用可能。
最終更新: 2026-08-11 アプリ世界の政府債務残高の可視化（Kimi）
IMF 世界経済見通し（WEO）のデータをもとに、世界184か国の一般政府総債務残高と対GDP比を Chart.js でインタラクティブに可視化したダッシュボード。
最終更新: 2026-08-11 アプリ世界の合計特殊出生率の可視化（Kimi）
世界銀行（World Bank Open Data）のデータをもとに、世界の合計特殊出生率（TFR）の長期推移（1960〜2024年）・主要8か国の比較・地図表示をまとめたアプリ。
最終更新: 2026-08-11 サンプルデータビジュアライゼーション学習サンプル（Kimi）
公開データ（World Bank Open Data・Our World in Data・e-Stat）の入手方法チュートリアルと、標準ライブラリのみで動くデータ取得スクリプトを収録したサンプル集。
最終更新: 2026-08-10 アプリ日本の国債残高の推移
日本の普通国債残高（昭和40年度〜令和8年度見込み）と対GDP比の推移を、依存ライブラリなしの静的HTML + SVG でグラフ化したページ。
最終更新: 2026-08-09 アプリ日米ビッグマック指数の推移（Kimi）
The Economist のビッグマック指数データをもとに、日米のビッグマック価格（2000〜2026年）と円の割高・割安度の推移を Chart.js で比較したアプリ。
最終更新: 2026-08-08 アプリドル/円為替レートの長期推移（Kimi）
IMF 国際金融統計（IFS）のドル/円為替レート月次データ（1957年1月〜2026年6月・834件）を Chart.js の折れ線グラフで可視化したオープンデータ・ページ。
最終更新: 2026-08-08 アプリ世界の消費税率一覧（Kimi）
世界207か国・地域の消費税（VAT / GST / 売上税）の標準税率を比較する静的ページ。上位30か国＋日本の棒グラフ、税率分布ヒストグラムで比較。
最終更新: 2026-08-07 サンプル日本のGNP（GNI）の推移（Muse）
世界銀行 WDI データをもとに、日本の GNP（国民総所得・GNI）の推移（1960–2024年・名目値）を円建て・ドル建ての2軸グラフで可視化。
最終更新: 2026-08-06 アプリ日本の実質賃金35年間の停滞（OECD比較）
OECD「Average annual wages」データをもとに、日本を含む主要8か国の実質賃金の推移（1990–2025年）を比較する調査ノート。
最終更新: 2026-08-06 サイト浜名湖うなぎ紹介サイト（Qwen3.8 Max）
静岡県・浜名湖の名産「浜名湖うなぎ」を紹介する静的サイト。養殖の歴史・品質・味わい方・産地情報を HTML / CSS のみで構築。
最終更新: 2026-08-04 サイト浜名湖うなぎ観光情報サイト（DeepSeek）
静岡県浜名湖のうなぎをテーマにした観光情報デモサイト。養殖の歴史・蒲焼の文化・名店紹介の3ページ構成を静的 HTML + CSS で作成。
最終更新: 2026-08-02 サンプル日本のGNP（GNI）の推移（Kimi）
世界銀行 World Development Indicators に基づき、日本の GNP（国民総所得・GNI）の推移（1967–2025年）をグラフと表で可視化。ドル建てと円建ての比較付き。
最終更新: 2026-08-01 アプリ日本語音声合成デモ（sarashina2.2-tts）
SB Intuitions の sarashina2.2-tts によるゼロショット日本語/英語音声合成の Gradio デモ。参照音声とその書き起こしを与えると、その特徴を保ったまま音声生成。
最終更新: 2026-05-02 アプリ日本語文章推敲 AI（Qwen2.5）
自分の書いた日本語文章を「ビジネス」「日常」の2つの文体に応じて推敲する Gradio アプリ。Qwen2.5-7B-Instruct を ZeroGPU 上で動かしている。
最終更新: 2026-07-21 アプリ人手不足ヒートマップ（Kimi）
厚生労働省「一般職業紹介状況」の職業別有効求人倍率をもとに、日本でどの職業が人手不足かをヒートマップで可視化。職業分類と都道府県の軸で比較。
最終更新: 2026-07-21 アプリ日本経済ダッシュボード（Kimi）
World Bank「World Development Indicators」に基づく日本の主要経済指標ダッシュボード。GDP・インフレ率・失業率・為替レートなどを KPI としてまとめている。
最終更新: 2026-07-20 アプリ日本株ダッシュボード（Kimi）
日本株の3ヶ月パフォーマンスを期初終値=100で正規化して比較するダッシュボード。凡例クリックで銘柄の表示/非表示を切り替え可能。
最終更新: 2026-07-31 スライド名古屋観光ガイド スライド（Kimi）
名古屋城・熱田神宮・大須・名古屋めしなどを写真とともに紹介する Reveal.js スライド。
最終更新: 2026-07-17 サイト浜名湖うなぎ紹介サイト（Kimi K3）
浜名湖うなぎの歴史・美味しさの秘密・味わい方・アクセスを紹介する静的サイト。
最終更新: 2026-07-17 サイトうなぎ処 湖月（Kimi K3）
浜名湖うなぎの架空店舗「湖月」の店舗サイト。お品書き・アクセス・予約フォームを備えた和モダンな1ページ構成。
最終更新: 2026-07-17 サンプルそば・うどん勢力図
全国のそば屋・うどん屋の店舗数を都道府県別に塗り分けたインタラクティブ日本地図。勢力図と密度の3表示モード、全国ランキング付き。
最終更新: 2026-07-12 サイト浜名湖鰻 — 湖と炭火の記録
浜名湖うなぎの成り立ちや養鰻の歴史、白焼きと蒲焼の違いまで史実に基づいて紹介する読み物風の1ページサイト。
最終更新: 2026-07-13 サンプル浜名湖うなぎの里（Next.js / Kilo）
Next.js 16 で構築し、GitHub Actions で GitHub Pages へ自動デプロイした架空のうなぎ専門店デモサイト。
最終更新: 2026-06-29 サイト極上たこ焼き 蛸ノ灯 公式サイト
湯気の演出やトッピングのリアルタイム切り替え、注文カートを備えたネオ和風の Web アプリ。
最終更新: 2026-06-18 LP浜名湖うなぎ LP（NVIDIA）
静岡県浜名湖産うなぎの魅力を紹介するランディングページ。
最終更新: 2026-06-06 サイト浜名湖うなぎ紹介サイト（Kimi）
浜名湖の自然・歴史、うなぎの特徴・調理法・名店・アクセスを掲載した静的サイト。
最終更新: 2026-06-06 アプリシンプル電卓（Flet）
Python 製フレームワーク Flet で作ったシンプルな電卓アプリ。
最終更新: 2026-06-26 LP浜名湖うなぎ LP（Qwen3）
浜名湖うなぎを紹介するランディングページ。
最終更新: 2026-06-04 サイト浜名湖うなぎ紹介サイト（HY3）
浜名湖うなぎを紹介する静的サイト。
最終更新: 2026-06-04 LP浜名湖うなぎ 和モダン LP（OpenCode）
和モダンのシングルページ・コンセプトサイト（HTML/CSS/JS, ゼロ依存）。
最終更新: 2026-06-02 サイト浜名湖うなぎ文化サイト（Composer）
静岡・浜名湖のうなぎ文化を紹介する静的 Web サイト。
最終更新: 2026-06-02 サイトたい焼き店「浪花屋」紹介サイト
大阪・天満橋のたい焼き店「浪花屋」の静的紹介サイト。
最終更新: 2026-06-02 サイト浜名湖うなぎ 和モダンサイト（MiniMax）
浜名湖うなぎを紹介する和モダンデザインの静的サイト。
最終更新: 2026-06-01 LP浜名湖うなぎ LP（DeepSeek V4）
静岡・浜名湖うなぎの魅力を紹介するランディングページ。
最終更新: 2026-06-01 LP名古屋たい焼き 金鯱堂 LP
大須の架空たい焼き店「金鯱堂」のランディングページ。
最終更新: 2026-06-01 サイト浜名湖うなぎ観光サイト（Kiro）
観光客向けに浜名湖うなぎの魅力を伝える静的紹介サイト（HTML/CSS/JS）。
最終更新: 2026-06-01 アプリ電卓アプリ（Flet）
Python 製フレームワーク Flet で作った電卓アプリ。
最終更新: 2026-05-30 アプリTODO アプリ（Flet）
Python 製フレームワーク Flet で作った TODO 管理アプリ。
最終更新: 2026-05-30 クリエイティブKKLab ロゴアニメーション（Flet）
ピクセルアート文字が散らばって再集合する Flet 製ロゴアニメーション。
最終更新: 2026-05-29 サンプルWeb ページサンプル集
さまざまな Web ページのサンプル集。
最終更新: 2026-05-19 クリエイティブml5.js サンプル集（19 本）
ml5.js v1.3.1 のサンプル集（19 個）のライブデモ。
最終更新: 2026-05-17 クリエイティブp5.js チュートリアル・ゲーム集
書籍『p5.js 包括的チュートリアル』（河合勝彦）のサンプルゲーム集。
最終更新: 2026-05-17 ポートフォリオポートフォリオサンプル 02
HTML/CSS/JS と GitHub Pages による静的ポートフォリオサイト。
最終更新: 2025-12-14 ポートフォリオポートフォリオサンプル 01（Dark Glass）
ヒーロー・作品・スキル・連絡先を備えたダークグラス調の 1 ページ。
最終更新: 2025-12-14 アプリワンコお世話 TODO アプリ
ワンコの世話に関する TODO アプリ。
最終更新: 2025-11-21 アプリフレンチブルドッグ TODO アプリ
フレンチ・ブルドッグをモチーフにしたかわいい TODO アプリ。
最終更新: 2025-11-21 スライド名古屋観光スライド（Reveal.js）
名古屋城・熱田神宮・なごやめしなどを紹介する Reveal.js スライド。
最終更新: 2025-05-16 サンプルWeb サンプル集（Claude）
Claude で作成した Web ページのサンプル集。
最終更新: 2025-10-21 サイト浜名湖ウナギ公式サイト
🍱 静岡県浜名湖の伝統的なウナギ養殖を紹介するレスポンシブ対応サイト。
最終更新: 2025-09-26 サンプルWeb サンプル集（Codex）
Codex で作成した Web ページのサンプル集。
最終更新: 2025-08-24 アプリ名古屋市 区割り地図
名古屋市16区の境界を GeoJSON データと Leaflet.js で可視化したインタラクティブ地図。各区を色分け表示し、マウスホバーで区の詳細を確認できる。
最終更新: 2025-07-10 クリエイティブ画像カルーセル
JavaScript による画像カルーセルのサンプル。
最終更新: 2025-05-17 ポートフォリオポートフォリオサンプル（Grok）
Grok で作成したポートフォリオサイトのサンプル。
最終更新: 2025-05-20 スライド名古屋スライド（Claude）
名古屋を紹介するスライドプレゼンテーション。
最終更新: 2025-05-17 SSGJekyll サンプルサイト
静的サイトジェネレーター Jekyll で構築したサイト。
最終更新: 2025-04-11 SSGMkDocs ドキュメント
MkDocs で構築したドキュメントサイト。
最終更新: 2025-04-11 SSGHugo サンプルサイト
静的サイトジェネレーター Hugo で構築したサイト。
最終更新: 2025-04-11 サイトたい焼き店紹介サイト
たい焼き店を紹介する Web サイト。
最終更新: 2026-06-09 サイトたい焼きサイト（OpenCode）
OpenCode で作ったたい焼き店紹介サイト。
最終更新: 2026-06-10取り組んでいること
技術そのものを楽しむのが好きです。
モダンフロントエンド
HTML / CSS / JavaScript の素の力で、軽量で読みやすい UI を作ります。
PWA
Service Worker とマニフェストで、オフラインでも動くアプリ的な体験を。
パフォーマンス
遅延読み込みや最小限の依存で、速く軽いサイトを意識しています。
アクセシビリティ
セマンティック HTML とキーボード操作に配慮した作りを心がけています。