Skip to content

新着ガイドビジネスを止めずにレガシーシステムをモダナイズする

技術

主流のツールを、意図を持って。

将来のチームが採用・保守しやすい技術を選びます。公開事例で使った技術にはリンクを付けているので、言葉だけでなく実際の使われ方をご確認いただけます。

フロントエンド

型付きコンポーネントによる、サーバーレンダリングでアクセシブルな画面。

クリエイティブとモーション

表示速度を保ちながら、ブランドを表現する3D、モーション、インタラクション。

  • Three.js3D・WebGL使用事例: Origin, Kyprox
  • GSAPスクロール・モーション使用事例: Origin, Kyprox
  • Framer MotionUIトランジション使用事例: Origin, Kyprox
  • Lenisスムーススクロール使用事例: Origin

バックエンド

負荷とチームに合わせて選ぶAPIとサービス。

モバイル

まずクロスプラットフォーム、必要な機能にはネイティブ。

  • React Nativeクロスプラットフォーム使用事例: Atelier Mobile, EduNexus
  • Expoツールとビルド使用事例: Atelier Mobile
  • Flutterクロスプラットフォーム
  • SwiftiOSネイティブ
  • KotlinAndroidネイティブ

データベース

基本はリレーショナル、適した場面でドキュメントDBとキャッシュ。

クラウド

お客様のアカウントに、適したプロバイダーで構築。

  • AWSクラウドプロバイダー
  • Microsoft Azureクラウドプロバイダー
  • Google Cloudクラウドプロバイダー
  • Vercelフロントエンドホスティング使用事例: MarbleMart Web

DevOps

再現できるビルド、レビュー済みのインフラ、日常的なリリース。

  • Dockerコンテナ使用事例: Hospital HRMS, CraveRush +2
  • Kubernetesオーケストレーション
  • GitHub ActionsCI/CD
  • TerraformInfrastructure as Code
  • JenkinsCI/CD

メッセージングとインフラ

サービスを個別にスケールさせ、障害を分離するための仕組み。

  • Apache Kafkaイベントストリーミング使用事例: CraveRush
  • RabbitMQメッセージブローカー使用事例: Atelier
  • WebSocketsリアルタイム使用事例: Atelier
  • MinIOオブジェクトストレージ使用事例: Construction ERP
  • Zipkin分散トレーシング使用事例: CraveRush

セキュリティ

システムに組み込むID、アクセス、データ保護。

データと連携

決済、メッセージング、地図、レポートをシステムにつなぎます。

既存の技術スタックがありますか?

新規開発と同じくらい、既存のコードベースの中でも仕事をしています。現在お使いの技術をお聞かせください。