なかいのアイコン

なかい

WEB PRODUCTION ENGINEER — PORTFOLIO

必要なものだけを、シンプルに。AIを相棒に、最短で形にする。

WORKS 制作物

管理コスト診断のサムネイル

管理コスト診断(自社プロダクト)

「モノ・通知・予定・契約を、どれだけ“持ちたくない”か」を日常のシナリオから診断し、ミニマリスト度を占う Web 診断。100問プールからランダム出題し、結果はタイプ分類とスクショ用カードで表示。React + TypeScript で構築。

React TypeScript Vite AI活用 公開中
サイトを見る →
HomeRide ランディングページのスクリーンショット

HomeRide(自社プロダクト)

「ロック画面だけで、乗換が完結。」がコンセプトの iOS 乗換ナビアプリ公式 LP。画面モックを画像なしの CSS のみで描画。

AI活用 アプリ開発中
サイトを見る →
OneTimer ランディングページのスクリーンショット

OneTimer(自社プロダクト)

ロック画面・コントロールセンターからワンタップでタイマーを開始できる iOS アプリの公式 LP。App Store 公開に向け準備中。

AI活用 アプリ開発中
サイトを見る →
見つけて尾道レトロキャンペーン ランディングページのスクリーンショット

尾道レトロキャンペーンLP(サンプル)

架空の Instagram 投稿キャンペーンのランディングページ。Swiper によるスライダー、モーダル、スクロール演出を実装。

HTML CSS JavaScript jQuery サンプル(架空)
サイトを見る →
60 min.

このポートフォリオに、かけた時間。

このサイトも、AIを活用して最短で。
本質を見極め、速さと質を両立させること。それがわたしの流儀です。

CAREER 開発を通じた成長

新しい言語、新しい環境。何度でもゼロから始める力を磨いてきました。

はじめての実務

低レイヤの視点と、伝わる説明

医療機器の開発からキャリアを開始。C# と WPF で UI 実装の基礎を固め、ハードウェア制御やメモリ管理で低レイヤの視点を養った。経営層への報告を通じて、伝わる説明の大切さも学んだ。

複雑な設計への挑戦

パフォーマンスとドキュメント品質

膨大な波形データをメモリ効率よく扱う実装でパフォーマンス意識を磨く。設計書レビューを重ね、ドキュメントの品質にこだわるようになった。

ゼロからの Web 開発

0→1 で形にする力

職場全員が未経験の中、Web アプリケーションを単独で構築。0→1 で形にする力と、新しい技術を素早くキャッチアップする自信がついた。

技術の統合と信頼

複数言語をつなぐ設計力

C#・C++・C を組み合わせたシステム開発で複数言語の連携を得意に。通信プロトコルの設計から客先会議の進行まで、品質とスケジュールの両立を担った。

現在 — SaaS 開発

フロントとバックの両側から

React と Ruby on Rails による SaaS 開発で、フロントとバックの両側から機能改善・新機能に携わる。データフロー全体を理解した提案で、チームの技術相談の中核を担う。シンプルに、論理的に。学び続ける姿勢を大切にしています。

言語
C# C++ C JavaScript TypeScript Ruby Swift HTML/CSS
フレームワーク
React Ruby on Rails ASP.NET .NET Framework
利用AI
Claude Code ChatGPT Codex