プロジェクト

プロジェクトについて

Napsは、英語と日本語のユーザーのために丁寧にデザインされた現代的な多言語対応のビューティーサロンウェブサイトです。サロンのサービス、トリートメントの詳細、厳選されたブログセクションを通じて、お客様の美の旅をシームレスにご案内します。予約機能を統合し、お客様が希望の言語でサービスを探し、予約することができます。

技術概要

SvelteKitとTypeScriptを使用して構築され、TailwindCSSでスタイリングされています。Paraglideを通じて英語と日本語のコンテンツをサポートする堅牢な国際化機能を備えています。クライアントサイドルーティングとダイナミックコンテンツローディングを含むアーキテクチャで、MicroCMSがブログコンテンツ管理を担当しています。Netlifyにデプロイされ、両言語での包括的なSEO最適化を実装し、両市場での高い検索可視性を確保しています。レスポンシブデザインとパフォーマンス最適化により、あらゆるデバイスでスムーズなユーザーエクスペリエンスを実現しています。

ギャラリー

プロジェクトについて

Cryptrackは、ユーザーが暗号通貨投資を追跡できるmacOSネイティブデスクトップアプリケーションです。リアルタイム価格更新、売買取引の追跡ができるポートフォリオ管理、パフォーマンス分析機能を備え、ダーク/ライトモード対応の洗練されたモダンなインターフェースを提供します。複数の暗号通貨を安全に管理し、投資の利益や損失を長期的に分析できます。

技術概要

このデスクトップアプリケーションは、Wails v2.9（Go/React）を使用して構築され、Goバックエンドがビジネスロジックとデータ管理を担当し、React TypeScriptフロントエンドがTailwind CSSでスタイリングされています。CoinMarketCap APIを統合し、リアルタイムの暗号通貨データを提供。SQLiteとGORMを使った永続ストレージを実装し、bcryptハッシュを使用した安全なユーザー認証を行い、macOSキーリングでセッション管理を実現しています。アーキテクチャはUI、ビジネスロジック、データレイヤーの明確な分離を持つサービスベースパターンに従っています。

ギャラリー

プロジェクトについて

MoneySwapは、法定通貨と暗号通貨の間のギャップを埋める包括的な通貨変換アプリです。本アプリは主要な法定通貨および幅広い暗号通貨のリアルタイム為替レートを提供し、ユーザーが適切な判断を下せるようサポートします。直感的なインターフェースを備えており、複数の通貨ペアを同時に追跡できます。正確で最新の換算レートを提供することに重点を置き、iOSとAndroidの両方でスムーズで快適なユーザー体験を実現します。

技術概要

本アプリは、クロスプラットフォーム互換性のためにReact Nativeを使用し、TypeScriptによる型安全性を強化したクリーンなコンポーネントベースのアーキテクチャを採用しています。バックエンドはGolangのAPIサービスで構築されており、goroutineを活用して複数の為替レートデータを効率的に並行処理します。法定通貨と暗号通貨のデータを取得するために各種金融APIと連携し、リアルタイムの価格更新にはWebSocket接続を実装しています。バックエンドにはキャッシュレイヤーを導入し、モバイルアプリではローカルストレージを活用してオフライン機能やユーザー設定を保持します。クリーンアーキテクチャの原則に基づき、UI、ビジネスロジック、データ層を明確に分離し、保守性と拡張性を確保しています。また、Webアプリ版の開発も進行中です。

ギャラリー

プロジェクトについて

SiriusGarageはフランスのプロフェッショナルな自動車修理工場のための包括的なウェブサイトリデザインです。このサイトはデジタルショーウィンドウとして機能し、専門的な機械サービス、修理能力、自動車に関する専門知識を洗練された形で紹介しています。合理化されたインターフェースにより、潜在的な顧客はサービス内容を簡単に探索し、連絡先情報にアクセスすることができます。デザインは信頼性とプロフェッショナリズムを強調しつつ、自動車整備の実践的な性質を反映した視覚的要素を維持しています。

技術概要

SvelteKitとTypeScriptで構築されたSiriusGarageウェブサイトは、優れたパフォーマンスとユーザーエクスペリエンスを提供します。このアーキテクチャは、セマンティックなHTML構造、地域ビジネスのための構造化データ、検索エンジンの可視性のための最適化されたメタデータなど、高度なSEO最適化を実装しています。レスポンシブデザインはモバイルファーストのアプローチで作成され、あらゆる画面サイズで完璧に表示されるようにカスタムブレークポイントが設定されています。Cloudflareにデプロイされているこのサイトは、グローバルCDN配信の恩恵を受け、どの地域からの訪問者にも高速な読み込み時間と高い可用性を確保しています。

ギャラリー

プロジェクトについて

Kakuregaは東京に新規開業した男性専用の理髪店のために設計されたモダンでモバイルファーストのウェブサイトです。伝統的なスタイルと現代的なスタイリングを融合した男性向けグルーミングサービスを提供しています。サロンの独特な雰囲気、サービス内容、熟練したスタッフを紹介し、グルーミングのコツ、スタイルのトレンド、サロンの最新情報を共有する統合ブログ機能を備えています。東京市場に特化したこのウェブサイトは、品質の高い職人技への取り組みと、男性がくつろいで本格的なグルーミングサービスを楽しめる快適な空間づくりを強調しています。

技術概要

パフォーマンスと保守性を最適化するためにSvelteKitとTypeScriptで構築され、TailwindCSSを活用してレスポンシブなモバイルファーストデザインを実現し、すべてのデバイスで完璧な表示を確保しています。MicroCMSをヘッドレスコンテンツ管理システムとして統合し、高速読み込み速度を維持しながら簡単なブログコンテンツの作成と管理を可能にしています。地域ビジネスの可視性を高める構造化データ、東京ベースの検索クエリに最適化されたメタデータなど、包括的なSEO最適化を実装しています。対象ユーザーの大部分を占めるスマートフォンユーザーを優先するモバイルファーストアプローチを採用し、日本の伝統的な美学と現代的なスタイリングを融合したサロンのコンセプトを反映したクリーンでモダンなデザインを提供しています。

ギャラリー