Technology
技術
モダンな技術で、高品質なWeb体験を。
保守性・パフォーマンス・アクセシビリティを重視した開発を行います。
Philosophy
技術選定の考え方
私たちは「最新技術を使うこと」自体を目的にはしません。
お客様のビジネスにとって最適な技術を選び、長期的に運用できるサイト・サービスを構築します。
パフォーマンス
高速な表示速度で
ユーザー体験を向上
保守性
長期運用を見据えた
堅牢な設計
アクセシビリティ
誰もが使いやすい
Webサイトを
Tech Stack
使用技術
フロントエンド
Astro
高速な静的サイト生成フレームワーク。コンテンツファーストなサイトに最適。
React / Next.js
インタラクティブなUIや、動的なWebアプリケーションの構築に使用。
TypeScript
型安全な開発で、バグを未然に防ぎ、保守性を向上。
Tailwind CSS
ユーティリティファーストのCSSフレームワーク。高速なスタイリングを実現。
バックエンド / CMS
kuroco
日本製ヘッドレスCMS。お問い合わせフォームやコンテンツ管理に使用。
microCMS
ブログやニュースなど、コンテンツ管理が必要なサイトに使用。
Go
高パフォーマンスなAPI開発に使用。Philozのバックエンドで採用。
Supabase / Firebase
認証、データベース、ストレージを備えたBaaS。Tsunaguで Firebase を採用。
インフラ / デプロイ
Vercel
Next.jsの開発元が提供。高速なデプロイとCDNを実現。
Cloudflare
CDN、DNS、セキュリティを統合。Pagesでの静的サイトホスティングも。
GCP
Firebaseとの連携が強み。Tsunaguのインフラ基盤として採用。
AWS
大規模なシステムや、特殊な要件がある場合に使用。Philozで採用。
デザイン / その他
Figma
UIデザイン、プロトタイピング、デザインシステムの構築に使用。
GitHub
ソースコード管理、CI/CD、プロジェクト管理に使用。
DeepL API
Tsunaguで使用している高精度な翻訳API。
Why These?
なぜこれらの技術を選ぶのか
表示速度を最優先
Webサイトの表示速度は、ユーザー体験とSEOに直結します。AstroやNext.jsを使うことで、Core Web Vitalsのスコアを高く保ちます。
運用コストの最小化
サーバーレスアーキテクチャを採用し、運用コストを最小限に。VercelやCloudflareの無料枠で十分なケースも多いです。
お客様自身で更新可能
ヘッドレスCMSを使うことで、コードの知識がなくてもコンテンツの更新が可能。お客様の運用負担を軽減します。
将来の拡張に備える
スモールスタートで始めて、ビジネスの成長に合わせて拡張できる設計を心がけています。