ポートフォリオ

個人開発で作ったアプリ・サイトの紹介です。このブログで書いているクラウドや開発の知見は、こうした個人開発の現場からも生まれています。(随時更新)

職務経歴書作成ツール(keireki.dev)

職務経歴書作成ツール keireki.dev のトップページ

「エンジニアの経歴を、伝わる書類へ。」——テンプレートを選んで6つのステップに沿って入力するだけで、職務経歴書と履歴書を作成できる Web アプリです。転職のたびに Word のレイアウトと格闘するのが嫌で作りました。

主な機能

  • テンプレート10種類 — SIer標準型・Web系モダン型・シンプル1枚型・ダークテック型・和モダン型など。あとから切り替えても入力内容はそのまま
  • 6ステップ入力 — 基本情報から自己PRまで順に埋めるだけで書類が完成
  • PDF / Markdown 出力 — プレビューを確認して書き出し。エージェント提出にも添付にも対応
  • 履歴書にも対応 — 職務経歴書とセットで作成可能
  • データはブラウザ内にのみ保存 — 入力内容はサーバーに送信されません。JSON でのバックアップ・復元にも対応
  • 完成サンプル・使い方動画・ガイド記事 — 全テンプレートの仕上がりを事前に確認でき、書き方や転職まわりの解説記事も掲載
  • 働き方診断 — SES・受託・自社開発・社内SE・フリーランスの適性を無料で判定

技術メモ

  • React + Vite の SPA。データ永続化は localStorage(プライバシー重視でサーバーレス設計)
  • 配信は Cloudflare

IT業界案内図(it-nyumon.com)

IT業界案内図 it-nyumon.com のトップページ

「IT業界は、図解にするとよくわかる。」——ITがわからない人のための入門ガイドサイトです。むずかしい言葉は使わず、図解とたとえ話で業界の全体像をひと目でつかめるように案内します。専門知識はいっさい不要、案内役のキャラクター「ルートン」がナビゲートします。

コンテンツ

  • システム開発の流れ — 要件定義・設計・開発・テスト・リリース・運用保守の6工程を、順番に解説
  • エンジニア職種図鑑 — フロントエンド・バックエンド・インフラなど7職種を「家づくりの分担」に例えて紹介
  • IT用語集 — 「サーバー」「API」「デプロイ」など61語をたとえ話つきでやさしく解説。検索・カテゴリ絞り込み対応
  • ITの学び方ガイド — 「見る→作る→続ける」の3ステップと、資格・技術書・動画教材の選び方を案内
  • AIツールの使い方 — 動画生成・画像生成・文章/資料づくり・コーディング。実際の操作画面を見せながら手順で解説し、無料プランでどこまでできるかも書いています

技術メモ

  • 軽量な静的サイト構成。街の俯瞰図など、オリジナルの図解イラストを中心にデザイン
  • 配信は Cloudflare

デスクトップ常駐TODOウィジェット(NoToDo)

デスクトップに常駐するNoToDoウィジェットのスクリーンショット

「今日のTodoを、デスクトップの隅に。」——Windows / Mac 対応のデスクトップ常駐TODOウィジェットです。タスク管理アプリを「開く」動作そのものをなくしたくて作りました。GitHub で無料公開しています。

主な機能

  • デスクトップの隅に常駐 — PCを使っていれば常に視界に入るので、Todoを見忘れない
  • 「今日のTodo」に特化 — ワンクリックで完了。完了タスクはその日のうちは打ち消し線で残り、翌日自動で消えて気持ちをリセット
  • Notionと双方向同期 — オプションでNotionデータベースと同期(ウィジェットの変更は即時プッシュ、リモートの変更はポーリング取得)。未設定ならローカル単体で動作
  • 単一の実行ファイル — インストール不要ですぐ使える

技術メモ

そのほか

  • このブログ(wadokon.com) — WordPress + SWELL を子テーマでフルカスタマイズ
  • コードやサンプルは GitHub(@wadokon) でも公開しています