Hex
フルスタック開発者

Hello,I'mHex

美しく使いやすいWebサイトを作成することに情熱を持つWeb開発者。React、Next.js、モダンなWeb技術を専門としています。

50+
完了プロジェクト
5+
年の経験
100%
クライアント満足度
技術スタック
ReactNext.jsTypeScriptTailwind CSS
Node.jsPythonPHPJava

制作実績

実際に動作するWebアプリケーションの制作実績をご紹介します

注目のプロジェクト

🌤️

Weather Radar

リアルタイム天気予報アプリ(JMA + OpenWeatherMap API)

主な機能
  • リアルタイム天気情報
  • 日本の気象庁データとOpenWeatherMapの統合
  • 詳細な気象データ(気温、湿度、風速など)
  • レスポンシブデザイン
  • 複数都市対応
🌤️

Weather Radar

リアルタイム天気予報アプリ(JMA + OpenWeatherMap API)

主な機能

  • リアルタイム天気情報
  • 日本の気象庁データとOpenWeatherMapの統合
  • 詳細な気象データ(気温、湿度、風速など)
  • レスポンシブデザイン
  • 複数都市対応
ReactTypeScriptOpenWeather APIJMA APITailwind CSS
📝

Task Master

高度なタスク管理アプリ(カテゴリ、優先度、期限管理)

主な機能

  • カテゴリ別タスク管理
  • 優先度設定(高・中・低)
  • 期限管理とリマインダー
  • 検索・フィルタリング機能
  • ローカルストレージでのデータ永続化
ReactTypeScriptLocal StorageTailwind CSSFramer Motion
🧮

Smart Calculator

メモリ機能付き計算機(履歴、高度な数学関数)

主な機能

  • 基本計算機能
  • 高度な数学関数(三角関数、対数など)
  • メモリ機能(M+, M-, MR, MC)
  • 計算履歴の保存
  • キーボード対応
ReactTypeScript数学計算メモリ機能履歴管理
📖

Note Keeper

高度なノート管理アプリ(カテゴリ、タグ、プライベート機能)

主な機能

  • カテゴリ別ノート管理
  • タグシステム
  • お気に入り・プライベート機能
  • 検索・フィルタリング
  • マークダウン対応
ReactTypeScriptLocal Storageタグシステムプライベート機能
🔗

URL Shortener

カスタム短縮URL作成ツール(クリック追跡、分析機能)

主な機能

  • カスタム短縮コード作成
  • クリック数追跡
  • リンク履歴管理
  • QRコード生成
  • 統計情報表示
ReactTypeScriptURL短縮分析機能カスタムコード
📋

Code Pastebin

コード共有プラットフォーム(シンタックスハイライト、期限設定)

主な機能

  • 複数言語対応
  • シンタックスハイライト
  • 公開・非公開設定
  • 期限設定機能
  • ダウンロード機能
ReactTypeScriptコード共有シンタックスハイライトプライバシー

技術スタック

⚛️

React

v18.2.0

モダンなUI構築

🔷

TypeScript

v5.0.0

型安全な開発

🌐

Next.js

v14.0.4

フルスタックフレームワーク

🎨

Tailwind CSS

v3.3.0

モダンなスタイリング

📦
Node.js
v18.0.0
🎭
Framer Motion
v10.16.16
📝
ESLint
v8.0.0
Vite
v4.0.0
🔧
PostCSS
v8.0.0
🎯
Radix UI
v1.0.0

制作の流れ

お客様のご要望を丁寧にお聞かせいただき、理想のWebサイトを作り上げていきます

1

お客様のご要望をお聞かせください

どのようなWebサイトを作りたいか、ご要望や目的を詳しくお聞かせいただきます

2

企画・設計

お客様のご要望を基に、サイトの構成やデザインの方向性を決めていきます

3

制作

お客様のご要望に沿って、美しく使いやすいWebサイトを制作いたします

4

テスト・確認

動作確認とお客様による最終チェックを行い、ご満足いただけるまで調整いたします

5

公開・運用

サイトを公開し、必要に応じて更新や改善を行い、長期的なサポートを提供いたします

なぜこの流れなのか?

🎯 明確な目標設定

お客様のご要望や目的を詳しくお聞かせいただき、明確な目標を設定します

効率的な開発

段階的なアプローチにより、効率的かつ高品質な開発を実現します

🔄 継続的な改善

公開後も継続的に改善を行い、常に最適な状態を維持します