K
Kanin'Kanin'
好きなWebサイトを、サイトごとのウィンドウサイズで macOS メニューバーに常駐させるランチャー。
技術と工夫した点:
- グローバルショートカット（Option+K）による常駐型ランチャーのUI設計
- サイトごとのウィンドウサイズ・セッションの個別保持
- Bun による開発と electron-builder による Apple Silicon 向け dmg 配布
- Electron
- TypeScript
- Bun
- electron-builder
benzoh
Webエンジニアの benzoh です。仕事ではフロントエンドを書いていて、夜は個人開発をしています。
職歴
会社名は非公開としています。
決済アプリ開発
チーム規模: 11〜20人役割: エンジニア担当フェーズ: 仕様設計, コーディング, レビュー使用技術:ReactReact RouterTypeScriptVite- フロントエンドチーム（4名）のリーダーを約1年担当
- AWS（ECS/Fargate、Aurora PostgreSQL）上のサービスの運用に携わる
子育て支援サービスの Web アプリ開発
チーム規模: 5〜10人役割: エンジニア担当フェーズ: コーディング, レビュー使用技術:PHPLaravel- PHP エンジニアとして従事
- ユーザー向け機能（保存、お気に入り、共有など）の実装
Web制作・Web開発（受託）
チーム規模: 4人以下役割: エンジニア, デザイナー担当フェーズ: コーディング, デザイン使用技術:Next.jsWordPressLaravelServerless FrameworkAWS LambdaPerlRuby on Rails- 弁護士事務所サイト：Next.js + WordPress の JAMstack 構成
- カタログギフト：Laravel + Serverless Framework + AWS Lambda
- WordPress を利用したサイト構築多数
- Perl 実装の期間限定アンケートフォームの運用
- Ruby on Rails で社内ツールを実装
スキル
フロントエンド
ReactReact Router（SSR含む）TypeScriptViteNext.jsvanilla-extractTailwind CSSjotaiSWRStorybook
バックエンド
Go (Gin)PHP (Laravel)Ruby on RailsPerlPostgreSQLDrizzle ORM
インフラ
AWS LambdaAWS ECS/FargateAurora PostgreSQLServerless FrameworkRailwayDockerGitHub ActionsGitHub Pages
デスクトップ
ElectronBun
テスト・品質
VitestPlaywrightMSWBiome
CMS・制作
WordPressJAMstackデザイン
その他
WebAssemblyPython
個人開発
すべて一人で企画・設計・実装・公開まで行っています。
B
Bookmarkin'Bookmarkin'
Finder 風のカラム表示でブックマークを整理するサービス。以前 Ruby で作っていたブックマーク管理ツールを置き換えたもの。
技術と工夫した点:
- React Router (SSR) と React 19 によるマルチカラム UI・ドラッグ&ドロップ整理
- Chrome / Edge 拡張機能によるワンクリック保存と OGP メタデータ取得
- Drizzle ORM ＋ PostgreSQL と Google 認証
- AI エージェントからブックマークを操作・検索できる MCP サーバー実装
- React Router (SSR)
- React 19
- TypeScript
- Tailwind CSS
- Drizzle
- PostgreSQL
- Google OAuth
C
Collectin'Collectin'
お気に入りのコレクションを一覧し、名前・画像・進捗を確認できるアプリ。
技術と工夫した点:
- Go (Gin) によるバックエンド API 実装
- PostgreSQL と Docker によるコンテナ環境構築
- コレクションの画像・進捗管理
- React 19
- React Router
- TypeScript
- vanilla-extract
- jotai
- SWR
- Go (Gin)
- PostgreSQL
- Docker
- GitHub Actions