本文へ移動

hippo

Webエンジニアの hippo です。仕事ではフロントエンドを書いていて、夜は個人開発をしています。

Projects

個人開発

すべて一人で企画・設計・実装・公開まで行っています。

Kanin'

好きなWebサイトを、サイトごとのウィンドウサイズで macOS メニューバーに常駐させるランチャー。

  • Electron
  • TypeScript
  • Bun
  • electron-builder

Bookmarkin'

Finder 風のカラム表示でブックマークを整理するサービス。以前 Ruby で作っていたブックマーク管理ツールを置き換えたもの。

  • React Router (SSR)
  • React 19
  • TypeScript
  • Tailwind CSS
  • Drizzle
  • PostgreSQL
  • AWS SES

Relaxin'

深夜2時のコインランドリーのピクセルアートアニメーションと lofi 音楽の Web サイト。

  • TypeScript
  • Vite
  • Go (WASM)
  • Python
  • Pillow
  • GitHub Pages

Collectin'

お気に入りのコレクションを一覧し、名前・画像・進捗を確認できるアプリ。

  • React 19
  • React Router
  • TypeScript
  • vanilla-extract
  • jotai
  • SWR
  • Go (Gin)
  • PostgreSQL
  • Docker
  • GitHub Actions
Career

職歴

会社名は非公開としています。

  1. 決済アプリ開発

    チーム規模: 11〜20人
    役割: エンジニア
    担当工程: 仕様設計、コーディング、レビュー
    主な技術
    • React
    • React Router
    • TypeScript
    • Vite
    • フロントエンドチーム(4名)のリーダーを約1年担当
    • AWS(ECS/Fargate、Aurora PostgreSQL)上のサービスの運用に携わる
  2. 子育て支援サービスの Web アプリ開発

    チーム規模: 5〜10人
    役割: エンジニア
    担当工程: コーディング、レビュー
    主な技術
    • PHP
    • Laravel
    • PHP エンジニアとして従事
    • ユーザー向け機能(保存、お気に入り、共有など)の実装
  3. Web制作・Web開発(受託)

    チーム規模: 4人以下
    役割: エンジニア、デザイナー
    担当工程: コーディング、デザイン
    主な技術
    • Next.js
    • WordPress
    • Laravel
    • Serverless Framework
    • AWS Lambda
    • Perl
    • Ruby on Rails
    • 弁護士事務所サイト:Next.js + WordPress の JAMstack 構成
    • カタログギフト:Laravel + Serverless Framework + AWS Lambda
    • WordPress を利用したサイト構築多数
    • Perl 実装の期間限定アンケートフォームの運用
    • Ruby on Rails で社内ツールを実装
Mentoring

メンター実績

MENTAで主にWordPressを教えていました(現在受付停止)。

評価
4.9
累計契約
101人
Skills

スキル

フロントエンド

ReactReact Router(SSR含む)TypeScriptViteNext.jsvanilla-extractTailwind CSSjotaiSWRStorybook

バックエンド

Go (Gin)PHP (Laravel)Ruby on RailsPerlPostgreSQLDrizzle ORM

インフラ

AWS (Lambda, SES)AWS ECS/FargateAurora PostgreSQLServerless FrameworkRailwayDockerGitHub ActionsGitHub Pages

デスクトップ

ElectronBun

テスト・品質

VitestPlaywrightMSWBiome

CMS・制作

WordPressJAMstackデザイン

その他

WebAssemblyPythonAIボットチーム運用
AI Workflow

AI と開発する

役割を分けた複数の AI ボットでチームを組み、計画・実装・レビューを回して個人開発を進めている。

  1. 計画書を書いてから小さな PR に分けて実装させる

  2. PR ごとに人がレビューしてマージする