本文へスキップ
楓 Kaede

プロフィール

楓（かえで）／フリーランス Webエンジニア

楓のアイコン（楓の葉のマーク）

Webサービスを企画から運用まで一人で作るエンジニアです。TypeScript を軸に、フロントエンドからDB設計・決済導線・デプロイまで一貫して担当します。

得意なのは「個人開発の速度」と「運用に耐える設計」の両立です。自分で運用しているサービスがあるため、作ったあとに何が壊れるかを実地で知っています。認証・課金・外部API連携といった、動かし続けるのが難しい部分ほど力になれます。

直近1年は Claude Code を中心にAIを開発工程へ組み込んでいます。受託でも個人開発でも、調査・実装・レビューにAIを使って手数を増やし、設計と最終的な判断は自分が持つ形で進めています。

Web だけでなく、Expo / React Native によるモバイルアプリ、Capacitor によるクロスプラットフォーム展開まで対応できます。

経歴

エンジニア歴
11年
2015年〜
フリーランス歴
7年
2019年〜
携わった最大規模
月間4,470万人
テレビ番組配信
テックリード
最大12名
の開発チーム

略歴

  1. 2019年4月 – 現在 フリーランス Webエンジニア Webフロントエンドを軸に、受託開発・テックリード・技術顧問として活動
  2. 2018年4月 – 2019年3月 北海道情報専門学校 講師。クラス担任としてプログラミング技術とIT知識の教育を担当
  3. 2015年4月 – 2018年3月 株式会社SCC（独立系SIer） 先端技術推進室で AR/VR の調査・検証。クレジットカード系スマホアプリの保守開発も担当

主な案件

フリーランスとして担当した受託案件です。守秘義務があるため、案件名は業種と内容が分かる粒度に留めています。直近の案件では Claude Code や Cursor を開発に取り入れ、チームの進め方に合わせて運用しています。

  1. 民放テレビ番組配信アプリケーションの開発

    フロントエンド

    月間利用者数4,470万人規模の大型配信サービス。Webフロントエンドの担当として、新規機能の開発と保守開発を継続的に遂行

    TypeScript / Next.js

  2. インフラ設備管理向けデジタルツインプラットフォームの開発

    テックリード

    3Dモデルと地理空間データを連携させ、インフラ設備を画面上で把握・管理するプラットフォーム。フロントエンドの実装をテックリードとして主導

    TypeScript / JavaScript / Vue.js / React

  3. 資金繰り管理クラウドサービスの開発

    フルスタック

    企業の資金繰りを可視化・管理するクラウドサービス。新規機能開発を中心に、フロントエンドからバックエンドまで一貫して設計・実装・テストを担当

    TypeScript / Next.js / Ruby on Rails

  4. 医療事務レセプト業務の効率化アプリケーション

    設計・開発

    レセプト業務に時間計測機能を追加し、経営指標として BI ツールと連携するための設計・実装

    TypeScript / Next.js / BigQuery / Looker Studio

  5. 広告系システムの管理画面改修

    フルスタック

    顧客満足度向上に向けた新機能開発と課題解決を、フロント・バックの双方で担当

    TypeScript / React / .NET

  6. 空間データプロダクトの機能開発

    フロントエンド（1名体制）

    フロントエンドの唯一の担当者として、新規機能開発と機能改善の設計・実装

    TypeScript / React

  7. Web系受託開発（日報管理・給付金・買取EC・テナント予約 ほか）

    テックリード

    最大3プロジェクトを横断。0→1 の案件が中心で、日報管理と給付金のシステムは設計から実装まで一人で担当し、いずれも約1ヶ月で納品

    TypeScript / Next.js / Vue.js / NestJS / React

  8. 化粧品系ECサイトの開発

    テックリード

    月間アクティブユーザー40万人規模。プロダクトマネージャーへの改善提案を行いつつフロントエンドを担当し、2023年4月からはモバイルアプリも兼任

    TypeScript / Nuxt.js / Vue.js / Flutter

  9. 英会話学習サービスのWebアプリケーション全般

    設計・実装

    LP の保守・運用と環境移行（Vue.js → Nuxt.js）、コーポレートサイトの WordPress から Nuxt.js × Headless CMS への移行、表示速度の改善

    TypeScript / Vue.js / Nuxt.js / Next.js

  10. データマーケティングツールの開発

    フロントエンド

    導入社数600社以上のツール。新規機能の開発とバグ改修を担当

    JavaScript / Vue.js / Ruby on Rails

  11. 生活協同組合のECサイト

    フロントエンド

    ユーザー数約37万人。商品ページ・入会画面の実装と API のクライアントサイド実装

    JavaScript / Vue.js

  12. 農業系カーナビアプリケーションの開発

    フロントエンド・バックエンド

    アクティブユーザー14万人。全体リニューアルと新機能の画面設計・実装、API の設計・実装

    Java / Spring / Vue.js / Android / AWS

ここに挙げていない案件もあります。近い領域のご相談があればお問い合わせください。

スキル

「主に使う」は現在の主戦場です。それ以外は業務で実際に使った経験があるもので、必要であれば対応できます。

主に使う

  • TypeScript
  • React
  • Next.js
  • Vue.js
  • Nuxt.js
  • Tailwind CSS
  • Astro

バックエンド / データ

  • Node.js
  • NestJS
  • Ruby on Rails
  • Spring Framework
  • .NET
  • GraphQL
  • PostgreSQL
  • MySQL
  • BigQuery
  • Supabase

モバイル

  • Flutter
  • React Native / Expo
  • Android（Java）
  • iOS（Swift）
  • Capacitor

インフラ / 外部連携

  • AWS
  • Cloudflare Pages
  • Vercel
  • Docker
  • Linuxサーバー管理
  • Stripe
  • Looker Studio
  • Headless CMS

AI・開発ツール

  • Claude Code
  • Cursor
  • Devin
  • Git
  • VS Code
  • WebStorm
  • IntelliJ IDEA

その他の経験

  • Unity / C#
  • AR・VR
  • WordPress
  • Google Apps Script

仕事の進め方

AIで速度を出し、判断は自分が持つ

直近1年は Claude Code を中心に、調査・実装・レビューへAIを組み込んで開発しています。生成されたコードをそのまま通すことはせず、要件との突き合わせ・設計の妥当性・品質の担保は自分の責任で行います。速さと確からしさをトレードオフにしないための使い方です。

動かし続けられる形で渡す

納品して終わりではなく、その後こちらが手を入れられる状態を重視します。読める構成・型のついたデータ・環境変数の分離は最初から入れます。

失敗したときの挙動まで作る

外部APIは落ちますし、ブラウザによっては動きません。リトライ・フォールバック・状態の突き合わせを、機能そのものと同じくらい丁寧に作ります。

後戻りコストの大きい判断を先にする

権限設計・データ構造・プロトコルは後から直すと作り直しになります。ここだけは着手前に固め、それ以外は動かしながら決めます。

分からないことは分からないと言う

できない見積もりを出すより、できる範囲と条件を先に共有します。技術的に難しい場合は、代替案を添えてお伝えします。

対応について

対応範囲
要件整理・設計・実装・デプロイ・保守。デザインは既存のものがあれば実装のみ、なければ簡易なUI設計から対応します。
稼働形態
リモート中心。オンラインでの打ち合わせに対応します。
料金
内容と規模により変わるため、ご相談のうえお見積もりします。概算だけ知りたい、という段階でも構いません。
連絡先
お問い合わせ / dkae1107@gmail.com

お仕事のご相談

「まだ要件が固まっていない」「実現できるか相談したい」の段階で構いません。技術的に可能かどうかだけでもお答えします。

お問い合わせフォームへ

メールでも受け付けています → dkae1107@gmail.com