作品
GitHub Pages などで公開している制作物です(48件)。
日本のGNP(GNI)の推移(Kimi)
世界銀行 World Development Indicators に基づき、日本の GNP(国民総所得・GNI)の推移(1967–2025年)をグラフと表で可視化。ドル建て(当年価格)と円建て(名目・実質)を掲載し、CSV のダウンロードにも対応。
最終更新: 2026-08-01 アプリ日本語音声合成デモ(sarashina2.2-tts)
SB Intuitions の sarashina2.2-tts によるゼロショット日本語/英語音声合成の Gradio デモ。参照音声とその書き起こしを与えると、その声色で任意のテキストを読み上げる。ZeroGPU 上で動作し、Hugging Face Spaces で公開。
最終更新: 2026-05-02 アプリ日本語文章推敲 AI(Qwen2.5)
自分の書いた日本語文章を「ビジネス」「日常」の2つの文体に応じて推敲する Gradio アプリ。Qwen2.5-7B-Instruct を ZeroGPU 上で動かし、Hugging Face Spaces で公開。MCP サーバーとしても利用可能。
最終更新: 2026-07-21 アプリ人手不足ヒートマップ(Kimi)
厚生労働省「一般職業紹介状況」の職業別有効求人倍率をもとに、日本でどの職業が人手不足かをヒートマップで可視化。職業大分類13区分と専門・技術系12区分を年度・月次で切り替えて表示。
最終更新: 2026-07-21 アプリ日本経済ダッシュボード(Kimi)
World Bank「World Development Indicators」に基づく日本の主要経済指標ダッシュボード。GDP・インフレ率・失業率・為替レートなどを KPI カードと7つのグラフで表示(1990–2025年)。
最終更新: 2026-07-20 アプリ日本株ダッシュボード(Kimi)
日本株の3ヶ月パフォーマンスを期初終値=100で正規化して比較するダッシュボード。凡例クリックで銘柄の表示/非表示を切り替え可能。データは Yahoo Finance より取得。
最終更新: 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 アプリ名古屋市 区割り地図
GeoJSON を用いた名古屋市の区割り地図。
最終更新: 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 とキーボード操作に配慮した作りを心がけています。