Ryota Kaneko
金子 凌大 / Software Engineer
誰かの手元で、ちゃんと動くものを。
つくったものが使う人の手元で迷わず動き、安心して使い続けられることを大切にしています。
プロフィール
Web アプリの画面から API・DB まで、領域をまたいで機能開発を担当してきました。事業会社での Web フロントエンド開発を経て、現在は個人事業主として、SaaS の開発チームへの参画と、企業サイトの直接受託に携わっています。
直近の約 2 年は、AI と協働して要件定義を進める SaaS で、画面・API・DB の機能開発と、LLM・AI エージェント機能（出力の検証・自動補正、実行前のユーザー確認、MCP ツール）の開発を担当しました。あわせて、AI コーディングエージェントが正しく動くための指示書・ツール・自動レビューを整える「ハーネスエンジニアリング」に力を入れています。AI に実装を任せたうえで、生成物とテスト結果を確認して、修正・採用を判断しています。
企業サイトの直接受託では、構成から実装・公開・公開後の改善までを 1 人で担当しています（デザインも担当した案件もあります）。今後は、課題・要件の整理から技術方針と品質の判断まで、責任範囲を広げたいと考えています。
資格
- 2023年12月
- Google Cloud 認定 Professional Cloud Architect2025年12月失効
- 2023年11月
- Google Cloud 認定 Associate Cloud Engineer
- 2021年7月
- 情報検定 情報活用試験 1級
活動
- 2024年11月〜2025年5月
- TSKaigi 2025 運営スタッフWeb サイトチーム・当日スタッフ
- 2024年7月〜2024年11月
- TSKaigi Kansai 2024 運営スタッフプログラムチーム：コンテンツ企画・プロポーザル選考・当日の司会進行
- 2022年5月〜2023年2月
- 日本マイクロソフトとの産学連携で、小中高生向けの Web 学習教材を開発フロントエンド開発・技術面の提案を担当。プレスリリースで公開
- 2022年3月
- HAL EVENT WEEK 2022 銅賞・就職作品学内コンペ 構成力賞アルバイトのシフト管理システムを制作（学内の進級制作展）
実績
デスクトップアプリ・関連 API の開発
AI と協働して要件定義を進める SaaS のデスクトップアプリ（Electron）と関連 API で、AI の変更提案を確認・適用する機能と、データ連携の改善を担当。
- 役割
- 画面・関連 API（基本設計〜保守・運用）
主な取り組み
- AI が成果物に出す変更提案の差分表示・部分適用・状態管理を改善
- AI の変更をユーザーが確認してから確定する仕組み（Human-in-the-Loop）を設計
- 版履歴の保存方式を改善し、複数ファイルを書き戻すときの整合性を確保
- 負荷試験の結果を基に、一覧 API の性能を段階的に改善（ETag による HTTP キャッシュ、カーソル方式のページング、索引の追加、重複リクエストの統合）
Web アプリ・AI エージェント機能の開発
AI と協働して要件定義を進める SaaS の Web アプリで、画面・API・DB の機能開発と、AI エージェント機能・開発環境のハーネスエンジニアリングを担当。
- 役割
- 画面・API・DB（基本設計〜保守・運用）
主な取り組み
- 要求管理・コメント・お知らせなどの機能を、設計書（Design Doc / ADR）から DB・API・画面まで実装
- AI 生成データの検証ルール（Zod）と、検証エラーを AI エージェント（Mastra）に渡して直させる自動補正
- AI エージェントが実行前にユーザーへ確認する仕組み（Human-in-the-Loop）を、MCP ツール・API・確認 UI まで実装
- AI エージェント実行基盤の信頼性を改善（依頼範囲を逸脱した生成を止める仕組み、壊れたサンドボックスの自動復旧）
- ハーネスエンジニアリング：AI エージェント向けの指示書（AGENTS.md）、AI が作った PR に自動でレビューを起動するワークフロー、Claude Code のカスタムエージェント・skill を整備
- GitHub Actions の権限の明示、template injection の解消、静的解析（actionlint・zizmor）の導入など、CI/CD のセキュリティ対策
釣具・金属製品メーカーのコーポレートサイト制作
釣具・金属製品を扱う企業の日本語・英語対応サイトを直接受託し、構成・デザイン・実装・公開を担当。掲載する文章・画像は、サンプルを提示したうえで先方から受け取り反映。
- 役割
- 制作・開発（要件定義〜保守・運用を 1 人で担当）
主な取り組み
- サイト構成・画面デザインから、PC・スマートフォン向けの実装まで担当
- 製品一覧・詳細、会社案内、製造工程、採用、コラムなどのページを制作
- microCMS と連携した製品・記事の表示と、日本語・英語の多言語対応
- 問い合わせの入力・確認画面と入力検証
- 公開前の通し動作確認と、公開後の表示修正・サイトマップ・構造化データの整備
金属加工企業のコーポレートサイト・釣具ブランドサイト制作
金属加工企業の企業サイトと釣具ブランドサイトを直接受託し、構成・デザイン・実装・公開を担当。掲載する文章・画像は、サンプルを提示したうえで先方から受け取り反映。
- 役割
- 制作・開発（要件定義〜保守・運用を 1 人で担当）
主な取り組み
- 企業紹介・事業・設備・沿革・問い合わせなどの画面を制作
- 製品カテゴリ・詳細ページと、microCMS と連携した製品情報の表示
- メタデータ・サイトマップ・構造化データなどの設定
- GitHub Actions による静的ビルド・公開手順を整備し、公開前に主要ページ・フォーム・CMS 連携を確認
- サイトの要件に合わせ、Vite / TypeScript / Sass と Next.js / React を使い分け
求職者向けオウンドメディアサイトの開発
求職者向けオウンドメディアの新規開発と、公開後の改善・運用を担当。
- 役割
- フロントエンド（基本設計〜保守・運用）
主な取り組み
- 複数のフレームワークとホスティング方式を比較して Next.js と AWS Amplify を提案し、チームの合意を得て構築
- Next.js で記事一覧・カテゴリ・検索・プレビューなどの画面を実装
- 公開後の表示・更新に関する課題を調査し、配信方式とキャッシュ処理を改善
- Storybook・Vitest・Playwright を導入し、GitHub Actions でテスト・品質確認のワークフローを整備・保守
スカッシュ施設の公式サイト制作
スカッシュ施設の公式サイトを直接受託し、外部デザイナーの Figma カンプを基に、実装・公開を担当。掲載する文章・画像は、サンプルを提示したうえで先方から受け取り反映。
- 役割
- 実装・公開（要件定義〜保守・運用）
主な取り組み
- トップ・料金・スクール・コーチ紹介などの画面をレスポンシブに実装
- microCMS と連携したお知らせの一覧・詳細とページ送り
- メタデータ・サイトマップ・構造化データなどの設定
- Storybook / Chromatic での表示確認と、公開前の主要ページ・CMS 連携の動作確認
- GitHub Actions による静的ビルド・公開手順の整備と、公開後の表示修正・公開設定の改善
総合求人サイトの Web フロント開発
総合求人サイトで、既存画面の改修と、フロントエンド開発工程の自動化を担当。
- 役割
- フロントエンド（実装・単体テスト、保守・運用）
主な取り組み
- Figma のカンプに沿った HTML・Sass による画面実装と、連携先チームへの引き渡し
- 検証結果に基づく既存画面の改修
- GitHub Actions を用いた確認・配布作業の自動化と保守
- 開発工程の自動化が評価され、2024年3月に全社表彰と部門表彰を個人受賞
物流業務支援 Web システムの UI 開発
物流業務を支援する Web システムで、一覧・詳細・編集など複数の業務画面の実装・改修を担当。
- 役割
- フロントエンド（実装・単体テスト）
主な取り組み
- 一覧・詳細・編集画面とモーダルの実装・スタイリング
- 表示内容と画面幅に応じたレイアウトの調整
- Figma のデザインを既存の共通 UI 部品に沿って反映し、Storybook で確認
クラウド郵便サービスの Web フロント開発
クラウド郵便サービスの Web フロントエンドで、定期配送カレンダーを中心とする機能追加・改修を担当。
- 役割
- フロントエンド（基本設計〜保守・運用）
主な取り組み
- 概略要件から画面構成を検討し、定期配送カレンダーを設計・実装
- 郵便物一覧・プレビューや問い合わせ導線など、既存画面の操作性を改善
- 主要な画面操作とエラー表示を確認し、関連する単体テストを追加
スキル
言語
- TypeScript
- JavaScript
- SQL
- HTML
- CSS
- Sass
フロントエンド
- React
- Next.js
- Electron
- Tailwind CSS
- Zustand
- Storybook
バックエンド・DB
- Hono
- Drizzle ORM
- Zod
- PostgreSQL
- DynamoDB
AI・LLM
- Mastra
- MCP
- E2B
- Claude Code
- Codex
- GitHub Copilot coding agent
- CodeRabbit
テスト・品質
- Vitest
- Playwright
- Chromatic
- ESLint
- Stylelint
- Prettier
インフラ・CI/CD
- GitHub Actions
- AWS（ECS・CloudFront・Amplify）
- Terraform
- Docker
CMS
- microCMS
設計・手法
- Figma
- Design Doc
- ADR
- Human-in-the-Loop 設計
- ハーネスエンジニアリング
- 構造化データ・SEO
お問い合わせ
ご連絡は、問い合わせフォーム（新しいタブで開きます） もしくは X の DM（新しいタブで開きます） で受け付けています。