メインコンテンツへスキップ

Works

アプリ実績

日常の不便を、ひとつずつ形にしてきました。
ここでは、Claude Codeを相棒に作った7本のアプリをご紹介します。それぞれが「こんなのあったら良いな」から始まったものです。

レシートマネージャーの操作画面 レシートマネージャーの読み取り結果画面

レシートマネージャー

写真を撮るだけで、家計簿が続く。

レシートの手入力に時間が取られ、家計簿や経費精算がなかなか続きません。

そこで、写真を撮るだけで Claude AI が読み取り、Google スプレッドシートへ自動で転記する仕組みにしました。明るさやコントラストの前処理を入れることで、読み取り精度を高めています。

1枚あたり約 0 の現実的なコストで運用でき、品目は最大 0 まで対応するので、情報の取りこぼしもありません。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #Googleスプレッドシート連携
  • #画像前処理
TaskRankのタスク一覧画面

TaskRank

迷いを、ゼロにする。

タスクが多すぎて、何から手をつければよいか分からず、動けなくなってしまうことがあります。

そこで、重要度 × 緊急度の二軸で、A〜E の 0 に自動でランク付けする仕組みにしました。Google ログインに対応しているので、スマホと PC の間で同期できます。

判断疲れを起こさないよう、「迷いをゼロにする最小 UI」にこだわって設計しました。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #Googleログイン
  • #レスポンシブ設計
紳士会計の入力画面 紳士会計の計算結果画面

紳士会計

気まずい瞬間を、スマートに。

男女混合の飲み会で、「割り勘どうしよう…」という気まずさが毎回つきまといます。

そこで、人数と男女比を入れるだけで、紳士的な負担割合を自動で計算する仕組みにしました。よく使う割合はプリセットで用意しているので、一瞬で計算が終わります。

奢られることに気を使ったり、抵抗のある女性側にも配慮し、「お会計の場」がスマートに済ませられるよう設計しました。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #プリセット計算
  • #UX設計
ネット競技組み合わせの入力画面 ネット競技組み合わせの組み合わせ表

ネット競技組み合わせ

主催者の負担を、当日その場で。

バドミントンのオフ会で、毎回コート割を考えるのが、主催者の大きな負担になっていました。

そこで、人数とコート数を入れるだけで、総当たり+重複回避のペアを自動で生成する仕組みにしました。全員が公平に対戦できるアルゴリズムを採用しています。

事前準備が要らないため、当日その場で即運用できる手軽さを実現しました。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #組み合わせアルゴリズム
コマンド翻訳くんの初期画面 コマンド翻訳くんの危険度表示画面

コマンド翻訳くん

「これ実行して大丈夫?」に、即答する。

Claude Code が提示するコマンドの意味が分からず、怖くて実行できない。非エンジニアには、こうした壁があります。

そこで、コマンドを貼り付けるだけで日本語訳と安全度(安全 / 注意 / 危険)を即表示する仕組みにしました。辞典機能を備えているので、同じコマンドは API 課金ゼロで翻訳できます。

類似コマンドを並べて表示することで学習効果も高め、エクスポート機能でデータ移行も簡単にしました。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #ローカル辞典
  • #安全度判定
サブスクチェッカーの一覧画面 サブスクチェッカーのスコア画面

サブスクチェッカー

固定費の「健康度」を、100点満点で。

気付けば毎月の固定費がじわじわ膨らんでしまい、何にいくら払っているかが把握できなくなります。

そこで、登録したサブスクの月額合計と「健康度スコア(0)」を一目で可視化する仕組みにしました。0 分のテンプレートを搭載しているので、登録の手間がかかりません。

「ほぼ使っていない」サブスクを炙り出す使用頻度トラッキングを独自に実装し、完全ローカル動作のため、プライバシー面も安心です。

  • #HTML
  • #CSS
  • #JavaScript
  • #ClaudeCode
  • #ローカルストレージ
  • #データ可視化
Claude Codeセットアップガイドのトップ画面

Claude Codeセットアップガイド

はじめの一歩を、迷わず踏み出せるように。

Claude Code を使ってみたい非エンジニアの多くが、最初の導入(設定や操作の準備)で壁にぶつかってしまいます。

そこで、Mac と Windows の両方に対応したスクリーンショット入りの丁寧な手順書を用意しました。画面のどこを見て、どこを押すかを、一枚一枚の画像で迷わせない設計にしています。

スマホでも PC でも読みやすいリンクカード形式にまとめ、Claude のアップデートに合わせて継続的に更新。「同じ場所で詰まった人」へ届く反響をいただいています。

  • #HTML
  • #CSS
  • #Guide
  • #ClaudeCode

アプリ開発・業務効率化ツールのご相談も、お気軽にどうぞ。

Contactへ