つくり手
つくり手のこと
画面の中身と、使う人への届け方を考えています。
会社員のエンジニアです。しっぽ舎では、暮らしの道具やアプリをAIと一緒に作っています。
できること
Webの画面づくりと、データを扱う仕組みづくり。個人開発ではPHP・JavaScript・Pythonを使った試作をしています。
個人開発のコードには、Laravel・React・Inertiaによる画面、FastAPIによるAPI、Djangoの日記、NestJS・Prismaによるイベント処理があります。
作った後、検索で見つけてもらう準備もします。このサイトでは、ページごとの説明文とサイトマップを用意しました。検索に載るまでにつまずいたことはコラムに書いています。
個人開発の作例
入力から保存、表示まで。用途ごとに、実装した仕組みを紹介します。イラストは機能のイメージです。
このサイト群の作り方
このサイト群を Claude Code と Codex で運営しています。文章やコードを作り、一次資料や実行結果に戻って見直す、という進め方です。
使い道ごとにサイトを分けています。
- しっぽ舎
- 作品とキャラクター、制作のコラムを紹介。Pythonで静的HTMLを生成しています。
- 粗大ごみ料金しらべ（sodai）
- 自治体と品目から料金を調べ、複数品目の処分計画を作る道具。
- くらしの計算帳
- 暖房の電気代や、家電を買う場合と借りる場合の費用を比べる道具。
- Tedori
- 日本の給与から手取りの目安を試算。日本語と英語に対応しています。
- AI OFFICE
- AIエージェントから受け取ったイベントを、仮想オフィスとダッシュボードで表示。Next.js・TypeScriptで作っています。
- launch-check
- ビルド済みHTMLの文章やSEOの基本設定を点検する、Pythonの公開前チェック。コードの公開準備中です。
試せるデモ
架空データを使い、ブラウザの中で処理の流れを試せます。
- 請求書の作成
- 明細から税率別の消費税と合計を計算し、印刷用の帳票を表示します。
- 取引先の管理
- 架空の商店を検索・並べ替え・追加・編集します。保存できない環境では、この画面を開いている間だけ保持します。
- メールの流れ
- テンプレートに名前と用件を差し込み、送信待ちから送信済み、返信の受信までを模擬します。
- 活動とのマッチング
- 架空のサークルメンバーと活動を条件で比較し、点数と理由を表示します。
- SEO記事の設計
- キーワードから記事の見出し案と、サイト内のリンク先候補を作ります。
ロゴの作例
採用前のデザイン案です。しっぽ・家・仲間をモチーフにしています。
