本文へスキップ
techyukiお問い合わせ

Works / つくったもの

つくったもの

運用中のサービス、業種別の制作デモ、制作用テンプレートです。企画から公開・運用まで一人で担当しています。このサイト自体も Astro + Cloudflare Pages で同じようにつくっています。

運用中のサービス

企画から実装・公開・運用まで一人で担当し、いまも動かしているものです。

portfolio-journal — 投資判断ジャーナル のスクリーンショット
運用中 · Web アプリ

portfolio-journal — 投資判断ジャーナル

「なぜ買ったか」を買う前に記録して、後から答え合わせをする Web アプリ。認証・課金・レート制限・エラー監視まで入れて公開・運用しています。

課題
「なぜ買ったか」は買った直後にしか思い出せず、証券会社の記録にも残らない。あとから自分の判断を検証できない。
担当
企画 / 画面設計 / 実装 / インフラ / 運用(一人)
判断
認証・課金・レート制限・エラー監視を公開前に揃えた。あとから足すと利用者のデータを触ることになるため。入口には入力をサーバーに送らないクライアント完結のツールを置き、本体へ導く構成にしている。
現在
公開・運用中。記録と振り返りの機能を継続して改善している。
Next.jsTypeScriptPrismaPostgreSQL (Neon)StripeVercel
jimny-parts.com — パーツ装着総額の比較 のスクリーンショット
運用中 · 比較・情報サイト

jimny-parts.com — パーツ装着総額の比較

ジムニー(JB64 / JB74 / JC74)用パーツを、本体価格ではなく塗装・加工まで含めた「装着総額」で比べられるサイト。8 カテゴリ・100 点超の商品データを JSON から静的生成し、公開後に人力更新が要らない設計にしています。適合情報は出典 URL と確認日を必ず持たせ、推測では載せません。

課題
パーツは本体価格だけ見ても実際にかかる金額が分からない。塗装や加工が別途必要で、比べる土台がそろっていない。
担当
企画 / データ設計 / 実装 / 運用(一人)
判断
商品を JSON で持ち、Zod で検証してから静的生成する構成にした。公開後に人力更新が要らないため。適合情報には出典 URL と確認日を必須にして、推測では載せない仕組みにしている。
現在
8 カテゴリ・100 点超を公開。データを足しながら運用中。
AstroTypeScriptZodVitestPlaywright
nas-trouble.jp — NAS 障害時の判断ガイド のスクリーンショット
運用中 · 情報サイト

nas-trouble.jp — NAS 障害時の判断ガイド

NAS のエラーコードだけで結論を出さず、型番・発生状況・データにアクセスできるかを聞いてから、メーカー公式情報をもとに次の行動を示すサイト。「機器を直す」と「データを守る」は同じ判断にならないため、データにアクセスできない場合は他の条件を見る前に警告を出します。

課題
NAS のエラーは同じコードでも型番と発生状況で公式の対応が違う。検索で出てきた手順をそのまま実行すると、機器は復旧してもデータを取り出せなくなることがある。
担当
企画 / 判定ロジック設計 / 実装 / インフラ / 運用(一人)
判断
誤った手順へ誘導するくらいなら「判定できない」と答えるほうを選び、それをコードの不変条件にした。データにアクセスできない場合は必ず警告になること・確認できない公式手順を自動適用しないことを、ビルド時のアサーションで検証している。
現在
2026-08-25 に公開。Buffalo TeraStation の E30 / E14 を公開し、検索での見え方を見ながら次に扱うエラーを決める段階。
AstroTypeScriptVercelCloudflare DNSGA4
技術書の読みかた — 技術書データベース のスクリーンショット
運用中 · データプロジェクト

技術書の読みかた — 技術書データベース

エンジニアの書評を「言及しただけか、読了したか、実務で使ったか」まで分類し、技術書を対象レベル・鮮度・読む順番で整理するデータプロジェクト。言及数ランキングにはしないと決め、分類は判定木と引用の有無で機械的に行っています。

課題
技術書のおすすめは言及数ランキングが多く、「タイトルを挙げただけ」と「読了・実務で使った」が区別されない。対象レベルや情報の鮮度も分からないまま選ぶことになる。
担当
企画 / データモデル設計 / 分類基準の策定 / 整合性チェックの実装 / UI(一人)
判断
書評を「言及・一部読了・読了・実務利用」の 4 段階に判定木で機械的に分類し、本文の引用(根拠)が無い分類はビルドで弾く仕組みにした。解釈の余地を減らし、後から検証できる形にするため。
現在
収録 52 冊のうち判定済みは 10 冊、読了以上の割合は 28.1%(自分で決めた合格基準 30% にはまだ届いていない)。検証中のプロジェクトとして継続中。
AstroTypeScriptZod

制作デモ

業種別に、必要な構成を一通り実装したデモです。自作のテンプレートから派生させています。

飲食店向け制作デモ — 和食ダイニング のスクリーンショット
デモ · 飲食

飲食店向け制作デモ — 和食ダイニング

和食ダイニングを想定した制作デモ。トップ・メニュー・ギャラリー・アクセスなど、飲食店に必要な構成を一通り押さえています。

AstroTailwind CSSTypeScriptCloudflare Pages
小売店向け制作デモ — セレクトショップ のスクリーンショット
デモ · 小売

小売店向け制作デモ — セレクトショップ

セレクトショップを想定した制作デモ。商品一覧・商品詳細ページ、ギャラリー、店舗紹介を実装し、商品が増えても扱いやすい構成です。

AstroTailwind CSSTypeScriptCloudflare Pages

ツール・テンプレート

自分の制作を速くするために作ったものです。

hp-template — サイト制作用テンプレート のスクリーンショット
ツール · テンプレート

hp-template — サイト制作用テンプレート

小規模サイトを短時間で立ち上げるための自作テンプレート。テキスト・会社情報・配色をデータファイル 1 つに寄せて、そこだけ書き換えれば公開できる構成にしています。上の制作デモ 2 件はこれから派生させたもので、リンク先はテンプレート素のままのデモです。

AstroTailwind CSSTypeScript

お気軽にご連絡ください

本業のかたわらで、Web プロダクトの開発・改善のご相談を受け付けています。稼働に限りがあるため、内容や時期によってはお受けできないことがあります。3〜5 営業日以内にご返信します。

  • Web アプリケーションの開発・改善のご相談
  • AWS 環境の設計・構築・改善のご相談
  • テスト整備・CI/CD・リファクタリングのご相談
お問い合わせ →