fueri / Hiroshi Watanabe
Available for Projects / 案件相談受付中

fueri / Hiroshi Watanabe

Web Developer / フルスタックWebエンジニア

Webアプリケーション開発・業務システム開発を通じて、ビジネスの課題を解決。アイデアから設計・実装・運用まで一貫した高解像度なアプローチでイメージを形にします。

迅速なレスポンス
一貫担当・高解像度
最新モダンスタック
fueri-workspace
Next.js 14 & TypeScript
Build Active
Skills & Value Proposition / 強みとスキル

フルスタックエンジニア 3つの強み

単なるコーディングにとどまらず、お客様のビジネスの成果に直結する解像度の高い提案を行ないます。

01

レスポンスの早さ

お客様のご要望や疑問に対して持ち帰ることなくその場で返答・対応。スピード感を持ったプロジェクト進行を実現します。

開発の標準品質を約束
02

コスパの良さ

無駄な中間人件費や管理コストを徹底削減。同等規模のプロジェクトでも適正かつリーズナブルな価格帯で提供します。

開発の標準品質を約束
03

解像度の高さ

ヒアリングから設計・実装・保守まで同一人物が一貫して担当。要件定義からのブレを無くし、期待通りの品質を担保します。

開発の標準品質を約束

Webアプリケーション開発領域

社内業務ツールからtoC向けWebアプリケーションまで幅広くサポートいたします。

  • Webサイト・ランディングページ構築
  • 業務系Webサービス・管理画面開発
  • DB管理型Webアプリケーション構築
  • 既存サイト・Webシステムの改修 / 保守管理
  • Google Workspace (GAS) アプリ連携

フロントエンド (Frontend)

Next.jsNext.js5
ReactReact1
Tailwind CSSTailwind CSS5
shadcn/uishadcn/ui2
FramerFramer Motion1
BootstrapBootstrap1
HTML5HTML5 / CSS3

バックエンド / データベース (Backend & DB)

FirebaseFirebase2
StripeStripe
mmicroCMS
AlgoliaAlgolia
PrismaPrisma
PlanetScalePlanetScale
Google Apps ScriptGoogle Apps Script (GAS)

クラウド / AI / インフラ (Cloud & AI)

Google CloudGoogle Cloud1
VercelVercel3
Google GeminiGoogle Gemini (AI API)1
SentrySentry

言語 & 開発ツール (Languages & Dev Tools)

TypeScriptTypeScript5
JavaScriptJavaScript1
Antigravity (AI Agent)
GitHubGitHub
VS Code
Trajectory & Roadmap / 開発の歩みと軌跡

エンジニアとしての成長軌跡

業務効率化(GAS)から始まり、受託開発、モダンWeb技術の取得、独立開業、そして自作SaaS/AIアプリ開発へと挑戦を続けるロードマップです。

PHASE 1

GAS(Google Apps Script)の独学・実践

日々の業務課題を解決するためGASを独学で習得。職場内のToDo管理や作業自動化ツールを開発し、チーム全体の生産性を劇的に向上。

#GAS
#Google Workspace
#業務効率化
PHASE 2

副業・クラウドソーシングでの受託開発

業務自動化のスキルを活かしてクラウドソーシング等で仕事を受注。高いクライアント評価を獲得し、継続的なリピート案件や新規案件に拡大。

#クラウドソーシング
#受託開発
#GAS
PHASE 3

React / Next.js / DB構築へのステップアップ

単なる自動化にとどまらず、フルスタックなWebアプリ開発を見据えて React, Next.js, データベース構築(Firebase / Prisma 等)を本格習得。

#React
#Next.js
#Database
#TypeScript
PHASE 4

個人事業主「fueri(フエリ)」開業

エンジニア・クリエイターとして正式に開業。クライアントのビジネス課題を真摯に解決するプロダクト開発・開発支援事業を本格始動。

#開業
#fueri
#事業拡大
PHASE 5

SPA・プロダクト開発・最新AI技術の実装

Reactを用いた高速SPAや、Next.jsを活用した自作Webサービス(foliotreeなど)を企画・開発・リリース。

#SPA
#Next.js
#SaaS
#AI Agent
CURRENT & FUTURE
NOW & BEYOND

Web開発・業務委託・最新技術への挑戦

常に進化する最新技術(AIエージェント開発等)を貪欲に吸収しつつ、Webアプリ開発・業務委託においてクライアントに最高の価値を提供し続ける。

#Web Development
#Future Tech
#AI Agent
Featured Portfolio / 実績プロダクト

自作Webアプリケーション & 開発実績

アイディアの企画から設計・実装・AI連携・クラウドデプロイまで自作・運用しているプロダクト群です。

Loading OGP Preview...
negaresearch.comLive Site Available
Active
FEATURED

NegaResearch

ネガティブ情報や評判の収集・リサーチを効率化するSaaS型Webサービス。AIと連携した情報抽出とリスク要因の可視化をワンストップで提供します。

ServiceSaaS Platform
MonetizationStripe Subscription
Next.js 14
TypeScript
Tailwind CSS
Stripe
Supabase
Vercel
Loading OGP Preview...
foliotree.jpLive Site Available
Active
FEATURED

foliotree

クリエイターやエンジニアのためのポートフォリオ統合・共有プラットフォーム。モダンなUIパーツ(shadcn/ui)とFirebaseを活用した快適な操作感を提供します。

Performance95+ Lighthouse
UI Systemshadcn/ui / Tailwind
Next.js
TypeScript
Tailwind CSS
shadcn/ui
Firebase
Loading OGP Preview...
fueri.jpLive Site Available
Active
FEATURED

fueri ポートフォリオ (Next.js 14)

Google CloudとNext.js 14(App Router)をベースに構築した自身のフルスタックエンジニアポートフォリオ。開発実績や提供サービス、スキルスタックをスタイリッシュに集約。

ArchitectureNext.js App Router
InfrastructureGoogle Cloud / Docker
Next.js 14
TypeScript
Tailwind CSS
Framer Motion
Google Cloud
Process & FAQ / 開発ステップ・ご契約

制作の流れ・開発ステップ・よくある質問

お問い合わせからヒアリング、要件定義、実装、テスト・納品までの流れや、開発に関するよくある質問(FAQ)について専用ページで詳しくご案内しております。

Contact / お問い合わせ

Web開発・お見積りのご相談

新規システム開発・既存ツール改修・保守など、お気軽にお問い合わせください。

フォームのほか、X (旧Twitter) DMからの直接ご相談・お問い合わせも受け付けております