Skill Sheet

更新日: 2026/3/18

基本情報

氏名
渡辺 大樹 (わたなべ だいき)
性別
男性
生年月日
2003-03-09 (23歳)
現住所
日本 長野県
メールアドレス
watabegg@gmail.com

学歴・職歴

スキル

言語
TypeScript, JavaScript, Python, PHP, Ruby
フレームワーク
Next.js, React, Astro, Vue.js, Hono, WordPress, Ruby on Rails
ライブラリ
Prisma, GSAP, Three.js, Tailwind CSS, Drizzle, shadcn/ui
OS
Linux (Ubuntu), macOS, Windows
DB
PostgreSQL, MySQL
PaaS
Vercel, Cloudflare, AWS
その他関連ツール
Git, GitHub, Docker, Figma

経験

期間 内容 業務領域 技術 成果物
2024/03-2024/09
7カ月
ホテル業界の技能者と施設のビジネスマッチングサイト

ホテル業界の技能者と施設をつなぐマッチングサイトをNext.jsで構築し、両者のニーズに応える機能を実装。

  • 事業主向けの高度な検索フォームと技能者プロフィール管理機能の設計・実装
  • 技能者向けの応募管理と通知機能の開発
  • UI/UXデザインの改善とレスポンシブ対応
  • Next.js + TypeScript | フロントエンドとAPIを統合したモダンな構成
  • 非公開 https://matching.example.com
2024/07-2025/08
14カ月
所属軽音サークルあしたぼHP & Webアプリ

軽音サークル公式サイト兼会員向けWebアプリをNext.jsフルスタック構成で刷新し、部内業務のオンライン化を実現。

  • 旧サイトの現状調査と情報設計の立案
  • UI/UX要件の整理とReactコンポーネント実装
  • データベース/認証を含むバックエンド開発と運用
  • Next.js 15 + TypeScript | App Routerとcache戦略を活用したフルスタック構成
  • Prisma + PostgreSQL | 本番DB設計とマイグレーション管理
  • Auth.js (LINE OAuth) | LINE認証で部員限定機能にアクセス制御
  • Vercel | 高速デプロイとプレビュー環境の整備
  • あしたぼホームページ https://www.ashitabo.net
2025/02-2025/05
4カ月
ASUNA Frontier株式会社 HP制作

ASUNA Frontierのブランドトーンを定義し、FigmaデザインとWordPress実装を連携させたコーポレートサイト制作をリード。

  • ブランドアイデンティティの定義とビジュアルデザイン
  • CMS要件の整理とエディターフローの設計
  • WordPressテーマおよびReactプラグインの実装
  • 公開後の運用ドキュメント作成とレクチャー
  • Figma | ロゴ設計とスタイルガイド、UIキットを共同作成
  • WordPress | 運用負荷を抑えるカスタムテーマ構築
  • TypeScript + React | 共通コンポーネントをプラグイン化し再利用性を向上
  • ASUNA Frontier公式サイト https://asuna-ac.net/
2025/03-2025/04
2カ月
個人的禁煙用アプリ

禁煙記録と可視化のためのNext.jsアプリを開発し、個人習慣改善に活用。

  • 禁煙計画に沿ったトラッキング要件定義
  • UI/UX設計とReactコンポーネント実装
  • データスキーマ設計とグラフ描画
  • デプロイとモニタリング
  • Next.js + TypeScript | フロントとAPIを統合したシンプルな構成
  • PostgreSQL + Prisma | 計測データの正規化とクエリ最適化
  • Chart.js | 喫煙本数推移を可視化
  • Vercel | 高速デプロイと環境変数管理
  • No Smoking アプリ https://no-smoke-nine.vercel.app
2025/04-2025/05
2カ月
一般社団法人ASUNA ALLANCE CONSULTING LP制作

Astro+TailwindでLPを設計・実装し、問い合わせ導線とコンテンツ更新フローを整備。

  • 要件定義とペルソナ設計、構成案の策定
  • Figmaを用いたUIデザインとレスポンシブ検証
  • Astroによるコーディングとビルドパイプライン整備
  • 運用マニュアル作成と引き継ぎ
  • Astro | 余分なJSを削減した高速LP構築
  • Tailwind CSS | コンポーネント指向のデザインをユーティリティで実現
  • TypeScript | フォームバリデーションとスクリプトを型安全に実装
  • 一般社団法人ASUNA ALLANCE CONSULTING LP https://makasete2.asuna-ac.net/
2025/04-現在
12カ月
watabeggの個人サイト

Astroで構築したポートフォリオサイトを運用し、ブログとプロダクト情報を一元管理。

  • サイト情報アーキテクチャの設計
  • UIデザインとテーマの策定
  • コンテンツコレクションとビルドパイプライン整備
  • GitHub Pagesへのデプロイ構成構築
  • Astro | 静的生成と部分的なインタラクションを両立
  • Tailwind CSS + daisyUI | デザインシステムをユーティリティで管理
  • TypeScript | コンポーネントとスクリプトの型安全性を担保
  • watabeggの個人サイト https://watabegg.github.io
2025/06-2025/06
1カ月
ポップアップ広告消し - ラムダ技術部

Youtubeチャンネル『ラムダ技術部』のラムダ氏開発の既存ゲームをNext.jsでレスポンシブ対応へ再構築し、保守性と体験を改善。

  • 既存コードの解析と改善方針の策定
  • レスポンシブ対応とスタイルガイド再構築
  • 状態管理およびテスト実装の整備
  • Next.js | ビルドとルーティングの共通化
  • TypeScript | UIロジックの型安全性を確保
  • Tailwind CSS | レスポンシブデザインとアニメーション調整
  • GitHub Pull Request https://github.com/yoidea/remove-ads-game/pull/2
  • ポップアップ広告消し https://remove-ads-game.vercel.app
2025/08-現在
8カ月
塾の集団授業スライド作成用Slidevテーマ

Slidevによるスライド制作をテンプレート化し、日本語対応と授業でも使いやすいコンポーネントをセットにしたテーマをnpmで公開。

  • テーマ開発とコンポーネント設計、スタイルガイド作成
  • npm公開フローの構築とドキュメント執筆
  • Slidev | テーマスキャフォールドとレイアウトのカスタマイズ
  • Vue 3 + TypeScript | 授業用コンポーネントとアニメーションを実装
  • npm workspace | テーマの配布とバージョニングを整備
  • GitHub - slidev-theme-watabegg https://github.com/watabegg/slidev-theme-watabegg
  • npm - slidev-theme-watabegg https://www.npmjs.com/package/slidev-theme-watabegg
2025/11-2026/01
3カ月
所属軽音サークルあしたぼHP & Webアプリ v1

Next.jsとHonoを用いて軽音サークル公式サイト兼会員向けWebアプリを再構築し、Next.jsのヘッドロックを解消。

  • Next.jsからの技術移行計画と情報設計の立案
  • a11y/UI/UXの改善を目的としReactコンポーネントを再実装
  • バックエンドをHonoに移行しAPI開発と運用
  • Next.js 16 + TypeScript | Server ActionsをBFFとして活用した構成
  • Hono + Workers | 軽量かつ高速なバックエンドAPIサーバー構築
  • あしたぼホームページ https://www.ashitabo.net