Projects

Portfolio Website

  • HTML
  • CSS
  • PHP
  • JavaScript
  • AWS

このサイト自体。EC2 + Apache 上で構築し、ドメイン・メール・セキュリティ設定まで自分で実装。

Visit Site

人生ダッシュボード

  • Next.js
  • TypeScript

人生で達成したいことを「プロジェクト」として登録し、WBSのように中項目・タスクへ分解して管理できる自己管理アプリ。 SIer現場のWBS運用を、個人の人生設計に転用したプロジェクトです。

Live

最終更新日: 読み込み中…

ピーターの法則シミュレーション

  • Next.js
  • TypeScript

昇進ルールの違いが組織パフォーマンスに与える影響を可視化。クライアント完結型で軽快。

Live

最終更新日: 読み込み中…

SIer疲れ度診断

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion

10問4択の解答結果から、SIer疲れ度を診断するアプリ(ネタ用)

Live

最終更新日: 読み込み中…

Portfolio Website

HTML / CSS / PHP / JavaScript / AWS / Apache を利用。

EC2 + Apache 上で運用し、独自ドメイン・SSL・メール設定を含めフルスタックで実装。 MarkdownをPHPでパースして表示させている。メモリ使用率監視も自作で実装済み。SEOのために、 robots.txt, sitemap.xmlなども実装済み。

人生ダッシュボード

Next.js / TypeScript / Vercel を利用。

人生で達成したい目標を「プロジェクト」として登録し、
中項目・タスクへとWBS形式でブレイクダウンして管理できる自己管理アプリです。

各プロジェクトには期限や進捗率を設定でき、
どのタスクをいつまでにどれだけ進めるべきかを一覧で把握できます。 SIer現場で日常的に使っているWBSの考え方を、個人の人生設計・キャリア設計に応用したのが特徴です。

今後は「今日やるべきタスクの自動ピックアップ」や
「長期目標と日々の行動の紐づけ」など、人生全体を俯瞰できるダッシュボードとして拡張予定です。

ピーターの法則シミュレーション

Next.js / TypeScript / Python / NumPy / matplotlib / Vercel を利用。

昇進ルール(実力昇進・ランダム昇進)の違いが組織全体のパフォーマンスに与える影響を可視化するWebシミュレーション。 昇進ロジックはPythonで実装し、結果をNext.jsで可視化。 Web上でピーターの法則を直感的に体験できるアプリです。

SIer疲れ度診断

Next.js / TypeScript / Tailwind CSS / Framer Motion / Vercel を利用。

10問の質問からSIerとしての「疲れ度」をユーモラスに診断するアプリ。 回答データをもとにスコア計算し、結果画面では棒グラフとコメントでフィードバック。 SNSシェア機能やローカル履歴保存も実装しています。