Technology
技術
モダンな技術で、高品質なWeb体験を。
保守性・パフォーマンス・アクセシビリティを重視した開発を行います。
Philosophy
技術選定の考え方
私たちは「最新技術を使うこと」自体を目的にはしません。
お客様のビジネスにとって最適な技術を選び、長期的に運用できるサイト・サービスを構築します。
パフォーマンス
高速な表示速度で
ユーザー体験を向上
保守性
長期運用を見据えた
堅牢な設計
アクセシビリティ
誰もが使いやすい
Webサイトを
Tech Stack
使用技術
ここから先は、少し専門的な内容です。読み飛ばしていただいて大丈夫です。
発注先を比較したい方や同業の方のために、私たちが何を使って作っているかを正直に公開しています。
フロントエンド
Astro
高速な静的サイト生成フレームワーク。コンテンツファーストなサイトに最適。
React / Next.js
インタラクティブなUIや、動的なWebアプリケーションの構築に使用。
TypeScript
型安全な開発で、バグを未然に防ぎ、保守性を向上。
Tailwind CSS
ユーティリティファーストのCSSフレームワーク。高速なスタイリングを実現。
バックエンド / CMS
kuroco
日本製ヘッドレスCMS。お問い合わせフォームやコンテンツ管理に使用。
WordPress
世界で最も使われているCMS。既存サイトの引き継ぎ・移行や、使い慣れた管理画面での運用に対応。
Go
高パフォーマンスなAPI開発に使用。Philozのバックエンドで採用。
Supabase / Firebase
認証、データベース、ストレージを備えたBaaS。Qnaguで Firebase を採用。
インフラ / デプロイ
Vercel
Next.jsの開発元が提供。高速なデプロイとCDNを実現。
Cloudflare
CDN、DNS、セキュリティを統合。Pagesでの静的サイトホスティングも。
GCP
Firebaseとの連携が強み。Qnaguのインフラ基盤として採用。
AWS
大規模なシステムや、特殊な要件がある場合に使用。Philozで採用。
デザイン / その他
Figma
UIデザイン、プロトタイピング、デザインシステムの構築に使用。
GitHub
ソースコード管理、CI/CD、プロジェクト管理に使用。
DeepL API
Qnaguで使用している高精度な翻訳API。
Why These?
なぜこれらの技術を選ぶのか
表示が速い
ページの表示が遅いと、お客様は待たずに帰ってしまいます。Googleの評価(検索順位)にも直結するため、速さを最優先に作ります。
維持費が安い
サーバーを持たない構成にすることで、月々の維持費を最小限に。無料の範囲で十分まかなえるケースも多くあります。
自分で更新できる
お知らせやブログは、ワープロ感覚の管理画面からお客様自身で更新できます。更新のたびに業者へ依頼する必要はありません。
将来の拡張に備える
小さく始めて、事業の成長に合わせて育てられる設計を心がけています。作り直しになりにくいのも、長い目では節約です。