YoyogiPinball

推し活や日々の生活の中で感じた手間をWebアプリやChrome拡張機能で減らしています。

カレンダーやYouTube、Slackなど、普段使うサービスを繋ぎ合わせてシステムにするのが得意です。

開発にはClaude CodeやCodexなどの生成⁠AIを活用しています。

  • Python
  • JavaScript / TypeScript
  • Google Apps Script
  • Next.js
  • Chrome Extension API
  • Gemini API
  • Slack API
  • Git / GitHub
  • Vercel
  • Claude Code
  • Codex

制作物

推しスケ Web版のホーム画面

推しスケ Web版

推しが公開したスケジュール画像から配信予定を読み取るWebアプリです。

複数人の予定をまとめて表示します。

Googleでログインすると、普段使うカレンダーからも購読できます。

Next.js / Gemini API / Upstash Redis

yp-signageの表示画面

yp-signage

使っていないPCとモニターを再利用した常設サイネージです。

時計、予定、天気、写真、推しの配信予定を表示します。

MagicMirror² / JavaScript / iCal

推し窓の新着一覧画面

推し窓

登録チャンネルの中から推しの動画、ライブ、配信予定だけをまとめて表示するChrome拡張です。

Chrome Extension / YouTube Data API

推しセトリの選曲画面

推しセトリ

YouTube Musicから一人のアーティストの曲を集め、プレイリストを作るChrome拡張です。

既存のプレイリストには未登録の曲だけを追加できます。

Chrome Extension / JavaScript

oshi-hookvoiceの設定用フォーム

oshi-hookvoice

Claude CodeやCodexの通知音を推しのシステムボイスにするスキルです。

鳴らす音を割り当てフォームで選択すると、設定はAIが行います。

Agent Skill / Claude Code / Codex

Slack家計簿の入力画面

Slack 家計簿

普段使うSlackから収支を記録し、請求月の計算や月次集計まで自動化した個人用家計簿です。

Google Apps Script / Slack API

Glanceのダッシュボード画面

Glance

Chromeの新規タブに予定、天気、ToDoを表示します。

調べたい情報へ移動せず、その日の見通しを確認できます。

Chrome Extension / JavaScript

念推しの受け取り画面

念推し(開発中)

推しが告知した締切や開催日を、ファンのGoogleカレンダーへ届けるWebサイトの構想です。

デモと実機での検証まで進め、開発を保留しています。

React / Vite / GitHub Pages

小さな制作物