PORTFOLIO

齋藤拓也

フルスタックエンジニア(業務委託)

React・Next.js を軸に、API・データベース・デプロイまでを一人で担当しています。 テストと CI による品質の作り込み、パフォーマンスとセキュリティの計測改善を得意としています。

作品数
22
公開中
20
テスト総数
19,957
Lighthouse 90+
19/19
Lighthouse Performance 平均
96.7

各作品の最新の計測値から自動集計しています。 計測日は作品ごとに異なります(2026-10-06 〜 2026-11-02)。

ピックアップ

Somewhere Now のプレビュー

世界93の国と地域・3,602地点のライブカメラを地図と地球儀で覗く。生存確認はCronが自動で追う。

ViteTypeScriptLeafletMapLibre GL JS
  • Lighthouse 96
  • 751 テスト
  • Observatory A+
Service Anatomy のプレビュー

人気サービスを技術・UX・ビジネスの4面から解剖する日本語/英語マガジン。記事の整合性はCIで自動検証する。

Next.jsReactunified
  • Lighthouse 94
  • 2965 テスト
  • Observatory A+
Skydial のプレビュー

太陽と月の位置を天文計算で求め、室内に差し込む日射を3D可視化する PWA。

ViteTypeScriptThree.jsLeaflet
  • Lighthouse 94
  • 479 テスト
  • Observatory A+
RoBaHUD のプレビュー

自作分割キーボードの入力を可視化する macOS 常駐アプリ。ファームの keymap を直接解析しレイヤーを推定。

SwiftSwiftUIIOKit HIDmacOS
  • 品質チェック 合格 4・注意 1
  • 339 テスト

実務プロジェクト

守秘のため、技術構成と担当範囲のみ掲載しています。

社内業務管理システム のプレビュー

社内業務管理システム

非公開

不動産賃貸業を営む企業の社内業務を集約する管理システム。会社・物件・文書・メモ・年次予定・車両・テナント・連絡先・確認事項・区画図の10領域を単一のダッシュボードで扱う。企画・要件定義・設計・実装・運用までを単独で担当し、Phase 1 が本番稼働中。業務ヒアリングをもとに、紙とスプレッドシートに散在していた情報を一箇所へ移した。

TanStack Start を Cloudflare Workers 上で動かし、データベースは D1 + Drizzle ORM、ファイルは R2 に保存する。認証は Cloudflare Access の Google IdP に委譲し、アプリ側に認証情報を持たない。文書は R2 と外部ドライブの両系統を扱い、区画図は登記原文と隣接関係を突き合わせて表示する。

TanStack StartCloudflare WorkersCloudflare D1Drizzle ORMMantine

他の作品

18 件取得
アップデートあり 10 件

Tool

戸建て(親の土地に新築)とマンションを並行して検討する夫婦のための記録アプリ。見学記録(写真つき)、予定カレンダー、候補の業者・物件(施工エリアと建築予定地の照合、公式サイト/SNS リンク)、行った場所の地図(Google マップ・住所→座標)、YouTube メモ(oEmbed で題名/サムネを自動取得)、二人の更新を並べるホームのフィード、期限ごとにまとめるやることリスト(/todos)、家づくり用語集(46 語・図解 14 点)を持つ。採点や比較表は持たず「記録だけ」に徹する設計。Cloudflare Access(Google IdP)で二人だけに公開し、公開リポジトリには実データを一切置かない。

1835 テスト

Tool

現在地の太陽・月の位置と天気をリアルタイムに映す、常時起動できる3Dウォールペーパー。 部屋の隅の花瓶には週替わりでその季節の花や枝物(ひまわり・チューリップ・コスモス・キバナコスモス・アネモネ・ガーベラ・マーガレット・ノコンギク・ポピー・桔梗・芍薬・牡丹・ダリア・マム・小菊・カーネーション・バラ・トルコキキョウ・ラナンキュラス・紫陽花・アナベル・水仙・ラッパ水仙・ムスカリ・ヒヤシンス・ユリ・スカシユリ・アマリリス・ラベンダー・かすみ草・オミナエシ・リンドウ・カラー・アヤメ・花菖蒲・彼岸花・ネリネ・ススキ・クリスマスローズ・クレマチス・秋明菊・ツワブキ・菜の花・アリウム・朝顔・グラジオラス・ホオズキ・吾亦紅・梅・白梅・蝋梅・桃・桜・ミモザ・白木蓮・藤・ハナミズキ・椿・山茶花・クチナシ・金木犀・紫式部・紅葉・南天・ドウダンツツジ・ユーカリ・松の全67種を月ごとに8候補ずつ週替わりで入れ替え(同じ花は2週続かない)、花に合わせて透明/ロゼ/コバルト/スモークガラス・白磁/青磁/黒陶/テラコッタの陶器・真鍮の花瓶も変化、南半球は季節6ヶ月シフト)が生けられ、窓格子越しの実太陽光が桟の影ごと床と壁に落ち、夜は月齢に応じた月明かり。 天気(晴れ/曇り/霧/雨/雪/雷雨)は空の色・霧・雨雪パーティクル・稲光・床の積雪・氷点下のガラスの曇りとして反映され、時刻・天気・今週の花・月相のHUDと画面スリープ防止(Wake Lock)で置き時計のようにも使える。URLパラメータで任意の場所・時刻・アレンジを固定して共有可能。

Lighthouse 98・402 テスト・Observatory A+

Tool

1829〜現在の国内外の歴史ニュース27,442件を、縦の無限スクロール年表で探索できるWebサイト。地図のようにズームすると表示が変わる「セマンティックズーム」で、概観では各時代の重大ニュース(オリジナルSVGピクトグラム114点付き)だけ、拡大すると月・日レベルの細かい出来事まで現れる。クリックで画像・要約・Wikipedia出典リンク・関連するできごとへのリンクを表示(同じ実体を出典に持つイベント同士を自動で結びつけ、10,796件・全体の約39%に付与)。 地域(日本/世界)×8カテゴリのフィルタ、日本語全文検索、和暦併記、ミニマップ、年代ジャンプ、URL共有、ダークモード対応、開閉・出現アニメーション。全27,442件を個別ページとしてprerenderしsitemap配信(ロングテールSEO、関連リンクで内部リンク網も強化)。 さらにアニメ/ブレイクダンス/観葉植物/AI・コンピューティング/宇宙開発/鉄道/映画/日本の災害と防災/オリンピック・パラリンピック/医学と感染症/女性の権利/公害と環境/音楽/航空/憲法と選挙/核兵器と軍縮/金融危機/冷戦/科学の大発見/通信と放送/野球とサッカー/自動車と道路/探検と冒険/文学と出版/建築と都市/人権と公民権/ゲーム/美術と美術館/気象と天気予報史/写真とカメラ/船と海運/教育と学校/万博と博覧会/将棋・囲碁・チェス/競馬/暦と時刻/第一次世界大戦/中東の戦争と和平/原子力発電/格闘技/第二次世界大戦/明治維新/沖縄/火山噴火/日清・日露戦争/アメリカ大統領/ローマ教皇/新型コロナウイルス/皇室/満州事変と二・二六事件/占領下の日本/ロシア・ウクライナ戦争/インドと南アジア/テロ事件/ソビエト連邦の興亡/パソコンとスマートフォン/朝鮮半島/中南米とカリブ海/天文学/考古学と化石/ドイツ/インターネット/舞台芸術/中国/アフリカ/東南アジア/ヨーロッパ統合の特集67本2,024件を、テーマ単位で年代順に通読できる読み物ページとして提供(年表側は?k=<slug>でその特集だけに絞り込める)。年ページに載らないニッチなテーマ史68件はWikipedia出典つきで新規執筆し、素材のある領域は既存イベントの純キュレーションで束ねている。ChatGPT・AlphaGo・DeepSeekショックなど生成AI/テック史も収録し、その系譜を関連リンクで手動接続。

Lighthouse 97・606 テスト・Observatory A+

Tool

電気(TEPCO)・ガス(LPIO)・水道(東京都水道局)の料金と使用量を1か所に集約し、月別料金の推移・合計、使用量と実効単価、前年同月比・季節性をグラフで可視化する個人用ダッシュボード。CSV取込+手入力で登録し、Supabase にクラウド同期。

Lighthouse 99・422 テスト・Observatory A+

Simulator

収入・支出・住宅・ライフイベント・投資を入力して老後(100歳まで)の資産推移をシミュレーション。

Lighthouse 97・543 テスト・Observatory A+

Game

3D / 4D / 5D / 6D次元に拡張された実験的テトリスゲーム。

Lighthouse 100・189 テスト・Observatory A+

Simulator

断熱・気密性能と設備選択を初期費用と30年ランニングコストの両面から比較。

Lighthouse 97・550 テスト・Observatory A+

Tool

毎朝6時(JST)更新するAI関連トピックの日本語ダイジェストWebアプリ。カテゴリ別閲覧・アーカイブ対応。サイドバーには出典と確認日つきの主要AIモデル一覧(16件)、記事が無い状態にはAI雑学(199本)を表示する。

Lighthouse 95・223 テスト・Observatory A+

Tool

トリッキング / パルクールの192技をThree.jsで3D表示し、回転軸・重心軌跡を可視化する分析ツール。技ごとに先に覚える技と次に挑戦できる技をたどれ、移動する技はカメラが体を追い、スマホでは注釈を番号の丸印にまとめる。

Lighthouse 100・1904 テスト・Observatory A+

Other

Next.js + Tailwind CSS + shadcn/uiで構築したインタラクティブな職務経歴書サイト。

Lighthouse 97・215 テスト・Observatory A+

Other

2021年発足のコミュニティブランドWebサイト。染め・プリント・グラフィックデザインで日々の感情や情景をプロダクトに反映。

Lighthouse 96・146 テスト・Observatory A+

Tool

個人アプリの一覧・管理ポータル。依存パッケージのバージョン監視・脆弱性チェック・最終コミット日取得を自動化。各アプリの設計・技術選定・更新内容を書く開発ブログ(記事38本・/blog・RSS配信)を併設。

Lighthouse 92・474 テスト・Observatory A+

Tool

トリッキング・パルクールなどアクロバットを練習できる施設を地図とリストで検索。営業時間・器具・レッスン・現在地からの距離を確認できる。全国46都道府県の施設248件と大会・ジャム等のイベント30件を収録し、都道府県別ページを含む299ページをsitemapで配信。

Lighthouse 93・448 テスト・Observatory A+

Game

実コードのスニペットを1問ずつ打って学ぶプログラミング・タイピングゲーム。TS/JS・Python・Go・Rust・Java・C++・C・Zig・Fortran・C#・Swift・Kotlin・Dart・Scala・Ruby・PHP・SQL・R・Julia・Bash・PowerShell・Perl・Lua・Groovy・Elixir・Haskell・Erlang・OCaml・F#・HTML・CSS の32言語・計665問(基本構文・有名アルゴリズム・記号ドリル)を収録。記号・camelCase・実コードの流れを WebGL のネオンステージで練習し、WPM・正確率・弱点分析を確認。

Lighthouse 100・265 テスト・Observatory A+

Tool

MDN を片手に、解説→CSS記述→自動採点で学ぶインタラクティブ CSS 学習アプリ。Flexbox / Grid から :has()・container queries まで。製図スタジオ風 UI と、ボックスモデル/Flex/Grid を立体表示する 3D 概念ビジュアライザ(Three.js)付き。100トラック287レッスン。メディア/コンテナクエリは二状態(複数ビューポート)で採点。

Lighthouse 99・3259 テスト・Observatory A+

Tool

解説→コード記述→自動採点で学ぶインタラクティブ WebGL / Three.js 学習アプリ。GLSL フラグメントシェーダー(座標・図形・色・時間・パターン・簡易ライティング)と Three.js シーン構築(ジオメトリ/マテリアル/ライト/カメラ)を、ライブ描画しながら学ぶ。宇宙天文台風の Shader Lab UI(星雲+bloom)。54トラック188レッスン(GLSL 27トラック91・Three.js 27トラック97)。シェーダーは描画ピクセルの読み取り、Three.js はシーングラフの走査で採点。

Lighthouse 97・1905 テスト・Observatory A+

Tool

AIの用語・歴史・仕組み・使い方を体系的に学べるバイリンガル(日本語/英語)チュートリアル。基礎用語・歴史・LLMの仕組み・主要AI比較(ChatGPT・Claude・Gemini・Grok)・プロンプト術・AIエージェントとツール連携・コーディングAI・生成メディア・AIをもっと理解する・仕事でAIを使う・暮らしでAIを使う・AIと創作・AIと科学・自動運転とロボット・AIとセキュリティ・日本語とAI・現場で働くAI・防災とAI・歴史資料とAI・金融とAI・スポーツとAI・生きものとAI・AIと社会・活用と倫理の24トラック147レッスン。各レッスンに確認クイズと出典リンク、最終確認日バッジ付き。モデルカタログ(16件)・AI年表(164件)・用語集(203語)も収録。

Lighthouse 96・1616 テスト・Observatory A+

Tool

AI コーディングエージェントの設定を1画面で横断管理する macOS デスクトップアプリ。Claude Code(~/.claude.json・~/.claude/)・OpenAI Codex(~/.codex/config.toml)・Cursor(~/.cursor/)+プロジェクトスコープ(.mcp.json・.claude/)に分散した MCP サーバー / Skill / Subagent / スラッシュコマンド / プラグイン / 設定 / AGENTS.md・CLAUDE.md を統合インベントリとして表示し、GUI からフル編集(追加・編集・削除・リネーム・トグル)できる。 全書込は 差分プレビュー(env 値マスク)→ sha256 競合検知 → ファイル毎50世代バックアップ → atomic write(パーミッション保持)の同一パイプラインを通り、~/.codex/auth.json や .env* は IPC 層でハード拒否。外部エディタや各 CLI 本体による変更は chokidar 監視で即座に反映される。

品質チェック 合格 4・注意 1・421 テスト