技術スタック
弊社は PHP（Laravel）を専門とするシステム開発会社です。画面側とインフラの記述には TypeScript（Next.js）を組み合わせ、AWS・Google Cloud・Vercel でのホスティング、Terraform などのインフラのコード化、Playwright による自動テスト、生成AIの API まで一貫して扱います。案件の規模と保守のしやすさで技術を選び、「なぜ使うのか」「保守で何に気をつけるのか」を技術ごとに整理しました。
言語
サーバー側は PHP を専門とし、画面側とツール類は TypeScript で書きます。
PHPPHPはWebシステム開発に広く使われるサーバーサイド言語です。杉並区・西荻窪の弊社がLAMP/LEMP構成でPHPを採用する理由、向いている用途、保守で気をつける点をまとめました。
TypeScriptTypeScriptはJavaScriptに型の仕組みを加えたプログラミング言語です。弊社が、画面からサーバー、インフラ構成の記述までTypeScriptを採用する理由と、保守での注意点を解説します。
Node.jsNode.jsはJavaScriptをサーバー側や開発ツールで動かすための実行環境です。杉並区でWebシステム開発を行う弊社がNode.jsをどのような用途で採用しているか、向き不向きと保守の注意点をまとめました。
PythonPythonは、データ処理や自動化、画像・動画処理など幅広い用途に使われるプログラミング言語です。弊社がWebシステムの周辺で行うデータ加工やメディア処理のジョブにPythonを採用する理由と保守の考え方をまとめました。
フレームワーク・CMS
開発の土台になる仕組みです。
LaravelLaravelはPHPの代表的なWebアプリケーションフレームワークです。弊社が業務システムにLaravelを採用する理由と、向いている用途、保守の考え方を解説します。
WordPressWordPressは世界で最も広く使われているオープンソースのCMSです。弊社がWordPressを採用する場面、独自開発との使い分け、更新やセキュリティなど保守の考え方をまとめました。
FastifyFastifyはNode.jsでWeb APIやサーバーを作るための軽量なフレームワークです。弊社がTypeScriptと組み合わせてAPIサーバーや連携用の中継サーバーにFastifyを採用する理由と、保守の考え方を解説します。
WebRTC / LiveKitWebRTCはブラウザ同士で音声・映像をリアルタイムにやり取りする標準技術で、LiveKitはそれを実用的に運用するための基盤です。弊社がビデオ通話や配信機能の開発にこれらを採用する理由と保守の考え方を解説します。
Ruby on RailsRuby on RailsはRubyで書かれたWebアプリケーションフレームワークです。弊社がRailsで作られた既存システムの引き継ぎや保守で対応している内容と、古いRailsのシステムを扱う際の注意点をまとめました。
フロントエンド
ブラウザで表示される画面を作る技術と、その周辺ライブラリです。
HTML5HTML5はWebページの構造を記述する標準規格で、現在のすべてのWebサイトの土台です。杉並区でWebシステム開発を行う弊社がHTML5をどのような考え方で扱っているか、品質と保守の観点からまとめました。
CSS3CSS3はWebページの見た目やレイアウトを定義する規格で、レスポンシブデザインの基盤です。杉並区のWebシステム開発会社である弊社がCSSをどう扱い、保守しやすいスタイルをどう作るかを解説します。
ReactReactはブラウザ上で動く画面を部品の組み合わせで作るためのJavaScriptライブラリです。弊社が業務システムやWebサイトの画面開発にReactを採用する理由、向いている用途、保守の考え方をまとめました。
Next.jsNext.jsはReactを土台にしたWebアプリケーションのフレームワークです。弊社が、業務システムの画面やWebサイトにNext.jsを採用する理由と、向いている用途、保守の考え方を解説します。
Tailwind CSSTailwind CSSは、あらかじめ用意された小さなクラスを組み合わせて画面の見た目を作るCSSフレームワークです。弊社がWebサイトや業務システムの画面にTailwind CSSを採用する理由と、保守の考え方をまとめました。
shadcn/uishadcn/uiは、ボタンやフォーム、ダイアログなどの画面部品をプロジェクトに取り込んで自由に編集できるReact向けの部品集です。弊社が業務システムの画面開発でshadcn/uiを採用する理由と、保守の考え方を解説します。
zodzodは、データの形と検証ルールをTypeScriptで宣言し、入力チェックと型定義を一致させるためのライブラリです。弊社がフォームやAPI、設定データの検証にzodを採用する理由と保守の考え方をまとめました。
Vue.jsVue.jsは、Webの画面を部品の組み合わせで作るためのJavaScriptフレームワークです。弊社がVue.jsをどのような案件で採用しているか、Reactとの使い分け、既存システムを引き継ぐ際の保守の考え方を解説します。
NuxtNuxtはVue.jsを土台にしたWebアプリケーションのフレームワークです。弊社がNuxtをどのような案件で採用しているか、Next.jsとの使い分けと保守の注意点をまとめました。
データベース
データを保存・検索する仕組みです。
MySQLMySQLはLAMP/LEMP構成の標準的なリレーショナルデータベースです。杉並区のWebシステム開発会社である弊社が業務システムやCMSの基盤にMySQLを採用する理由と、保守・バックアップの考え方を説明します。
PostgreSQLPostgreSQLは高機能で信頼性の高いオープンソースのリレーショナルデータベースです。杉並区のWebシステム開発会社である弊社がMySQLと並んでPostgreSQLを採用する理由、使い分け、保守の考え方を解説します。
RedisRedisはメモリ上でデータを高速に扱うデータストアで、キャッシュやセッション管理に使われます。弊社がRedisを補助的に採用する場面と、運用上の注意点をまとめました。
SupabaseSupabaseはPostgreSQLを中核に、認証やファイル保存、APIを備えたバックエンドサービスです。弊社が小規模なWebアプリケーションや生成AIを組み込むシステムでSupabaseを採用する理由と保守の考え方を解説します。
PrismaPrismaは、TypeScriptからデータベースを型安全に操作するためのツールです。弊社がNode.jsで作るサーバーでデータベースの構造管理とデータ操作にPrismaを採用する理由と、保守の考え方をまとめました。
CouchDBCouchDBはJSON形式でデータを保存するドキュメント指向データベースです。弊社がCouchDBを選ぶ場面、MySQLとの使い分け、運用時の注意点を解説します。
Webサーバー
ブラウザからのリクエストを受け付ける役割です。
OS
サーバーの基盤となる OS です。新規構築は Ubuntu / Debian を基本にし、CentOS や FreeBSD で動く既存サーバーの引き継ぎにも対応します。
UbuntuUbuntuはDebianを基にしたLinuxディストリビューションで、クラウドやVPSで広く提供されています。杉並区のWebシステム開発会社である弊社がサーバーOSにUbuntuを採用する理由と保守の考え方を解説します。
DebianDebianは安定性と長期の保守で知られるLinuxディストリビューションです。弊社がサーバーOSとしてDebianを採用する理由、向いている用途、更新の考え方をまとめました。
CentOS / RHEL系CentOSはRed Hat Enterprise Linux互換として長く使われてきたサーバーOSです。杉並区でWebシステム開発を行う弊社が、CentOSで動いている既存サーバーの保守・引き継ぎと、サポート終了に伴う移行にどう対応しているかをまとめました。
FreeBSDFreeBSDは安定性とネットワーク性能で知られるUNIX系OSで、古くからWebサーバーやメールサーバーに使われてきました。弊社が、FreeBSDで稼働する既存サーバーの保守・引き継ぎにどう対応しているかをまとめました。
クラウド・ホスティング
システムを動かす場所と、その周辺サービスです。
Amazon Web Services（ECS / Lambda / S3 / RDS）AWSは、サーバー、データベース、ストレージ、メール送信などをオンラインで提供するクラウドサービスです。弊社がAWSのどのサービスをどんな用途で採用しているか、保守の考え方をまとめました。
Google Cloud（Cloud Run / Cloud SQL）Google Cloudは、コンテナ実行、データベース、ストレージ、データ分析、生成AIなどを提供するクラウドサービスです。杉並区でWebシステム開発を行う弊社がGoogle CloudをAWSとどう使い分け、どのような案件で採用しているかをまとめました。
VercelVercelは、Next.jsで作ったWebサイトやアプリケーションを公開・配信するためのホスティングサービスです。弊社がWebサイトや画面側のホスティングにVercelを採用する理由と、AWSとの使い分け、保守の考え方を解説します。
CloudflareCloudflareは、DNS管理、コンテンツ配信、通信の保護、ドメイン管理などを提供するサービスです。弊社がWebサイトやシステムのDNSと配信・保護の層にCloudflareを採用する理由と、運用の注意点をまとめました。
FirebaseFirebaseは、認証、データベース、通知、ホスティングなどをまとめて提供するアプリ開発基盤です。弊社がスマートフォンアプリや小規模なWebアプリケーションでFirebaseを採用する理由と、保守の注意点を解説します。
HerokuHerokuは、ソースコードを送るだけでWebアプリケーションを公開できるホスティングサービス（PaaS）です。弊社がHerokuを採用する場面、既存のHerokuアプリの保守・移行、費用面の注意点をまとめました。
インフラのコード化（IaC）
サーバーやネットワークの構成をコードで管理し、再現可能にする技術です。
TerraformTerraformは、クラウドのサーバーやネットワーク構成をコードとして記述し、自動で構築・変更するためのツールです。弊社がAWSなどのインフラ構成の管理にTerraformを採用する理由と、運用の注意点を解説します。
AWS CDKAWS CDKは、AWSのインフラ構成をTypeScriptなどのプログラミング言語で記述し、自動で構築するためのツールです。弊社がアプリケーションとインフラを同じ言語で管理するためにAWS CDKを採用する理由と保守の考え方を解説します。
AWS CloudFormationAWS CloudFormationは、AWSの構成を定義ファイルとして記述し、まとめて構築・変更・削除するAWS標準の仕組みです。弊社がCloudFormationをどのような場面で採用し、他のIaCツールとどう使い分けているかを解説します。
テスト・品質
動作を自動で検証し、変更しても壊れないことを確かめる仕組みです。
PlaywrightPlaywrightは、実際のブラウザを自動操作して画面の動作を検証するE2Eテストのツールです。弊社が業務システムやWebサイトの受け入れ前の検証と、更新時の回帰確認にPlaywrightを採用する理由と運用の考え方を解説します。
Vitest / JestVitestとJestは、JavaScript・TypeScriptのコードを関数や部品の単位で自動検証する単体テストのツールです。弊社が画面やサーバーのロジックの品質確保にVitestとJestを採用する理由と、運用の考え方をまとめました。
StorybookStorybookは、画面を構成する部品を一つずつ切り出し、さまざまな状態で表示・確認するためのツールです。弊社がReactの画面開発でデザイン確認と部品の品質管理にStorybookを採用する理由と、運用の考え方を解説します。
開発ツール
ソースコードの管理、共同作業、監視に使います。
GitGitはソースコードの変更履歴を管理するバージョン管理システムです。弊社がすべての案件でGitを使う理由、お客様にとっての利点、引き継ぎ時の考え方をまとめました。
GitHub ActionsGitHub Actionsは、ソースコードの変更をきっかけにテストやビルド、配備を自動で実行する仕組みです。弊社がCI/CDとAIによるコードレビューの自動化にGitHub Actionsを採用する理由と、運用の注意点をまとめました。
GitLabGitLabはGitのリポジトリ管理、課題管理、自動テストと反映を一体で提供する開発基盤です。杉並区のWebシステム開発会社である弊社が案件管理にGitLabを採用する理由と運用の考え方を解説します。
DockerDockerは、アプリケーションとその動作環境をコンテナとしてまとめ、どこでも同じように動かすための技術です。杉並区でWebシステム開発を行う弊社が開発環境から本番環境までDockerを採用する理由と保守の考え方を解説します。
Turborepo / pnpm workspacesTurborepoとpnpm workspacesは、画面・API・共通ライブラリなど複数のプログラムを一つのリポジトリで管理するモノレポ構成のための仕組みです。弊社がこの構成を採用する理由と保守の考え方を解説します。
OpenAPI（API 仕様の単一の正）OpenAPIは、Web APIの仕様を機械が読める形式で記述する標準規格です。弊社がAPI仕様の単一の正としてOpenAPIを採用し、画面側のコード生成や仕様書の共有に活用している理由と、保守の考え方を解説します。
SentrySentryは、本番環境で発生したエラーを自動で収集し、発生箇所や状況を開発者に通知する監視サービスです。弊社が納品後の安定運用と保守のためにSentryを採用する理由と、運用の考え方をまとめました。
Stripe（オンライン決済）Stripeは、クレジットカードなどのオンライン決済をWebシステムに組み込むための決済サービスです。杉並区のWebシステム開発会社である弊社がECサイトや予約システムの決済にStripeを採用する理由と、運用の注意点を解説します。
AI・生成AI
開発の道具として、またシステムの機能として使う AI 関連の技術です。
Claude API（Anthropic）Claude APIは、Anthropicが提供する生成AIモデルをシステムから呼び出すためのAPIです。弊社が業務システムへの生成AI組み込みにClaude APIを採用する理由と、運用の注意点を解説します。
OpenAI APIOpenAI APIは、OpenAIの生成AIモデルをシステムから呼び出すためのAPIです。弊社が文章生成、埋め込みによる検索、音声や画像の処理などにOpenAI APIを採用する理由と、他のAIモデルとの使い分け、運用の注意点をまとめました。
Google Gemini APIGoogle Gemini APIは、Googleの生成AIモデルをシステムから呼び出すためのAPIです。弊社が長い文書や画像・動画を扱う処理、Google Cloudと連携するシステムでGemini APIを採用する理由と、運用の注意点を解説します。
AI コーディングエージェント（AI 支援開発）AIコーディングエージェントは、指示に基づいてコードの作成や修正、調査を行う開発支援の仕組みです。杉並区のWebシステム開発会社である弊社が、品質と責任を保ちながらAI支援開発を取り入れている方法を解説します。
使う技術は、案件に合わせてご提案します
既存システムの技術構成を引き継ぐことも、新しく選び直すこともできます。まずは現状をお聞かせください。
無料でご相談・お見積り
資料の添付は、送信後に届く受付メールへの返信でお送りいただけます。