TypeScript × フロントエンドエンジニアの業務委託案件・フリーランス求人一覧（全3097件）｜ページ19

マッチングアプリのフロントエンド開発

モバイルアプリ（iOS/Android）の新規機能開発および既存機能の改善を担当。 UI/UX向上、パフォーマンス最適化、リファクタリングも予定。 PMやデザイナーと連携し、仕様検討からリリースまでを一貫して行う。 API仕様を基にバックエンドとの連携実装を担当。 【アピールポイント】 ・フルリモートで働きやすい職場環境 ・大規模なユーザー基盤のあるマッチングサービス開発に携われる ・最新技術React.jsやTypeScriptのスキルを活かせる ・チームでの開発によりコミュニケーションスキルを磨ける ・成長フェーズのプロジェクトに参加しスキルアップ可能

【リモート併用/秋葉原/TypeScript】給与Webアプリ開発支援（フルスタック）

給与ソフトのWebアプリケーション開発プロジェクトにて、フルスタックエンジニアとして参画いただきます。 フロントエンド3割、バックエンド7割の比率で、要求の詳細化から設計、実装、テスト、運用保守まで一貫して担当します。スクラム体制でのアジャイル開発となり、チームでのスプリントを通じてプロダクトを継続的に改善していく環境です。 AWS環境を活用した設計・構築にも携わることができ、クラウドネイティブなWebサービス開発経験を深められます。 【技術スタック】 ・開発言語：JavaScript、TypeScript ・フロントエンド：React.js、next ・バックエンド：node.js ・クラウド：AWS 【開発体制】 ・ア...

【五反田/TypeScript】人事給与システム開発エンジニア

人事給与系システム開発プロジェクトにおいて、基本設計からテストまで一貫してご担当いただきます。フロントエンドおよびバックエンド双方をTypeScriptで開発するフルスタック寄りのポジションです。既存機能の改修や新機能追加に加え、品質を担保しながら安定稼働を実現するための設計・実装・検証を行います。 人事給与領域に関わるため、業務知識を深めながら専門性を高められる環境です。 【技術スタック】 ・開発言語：TypeScript ・フレームワーク：AngularJS ・サーバーサイド：node.js ・インフラ：AWS ・バージョン管理：Git 【社内ツール】 Slack / Teams

【Java/SQL】EDIおよび輸入管理システムの改修PG｜製造業のエンジニア求人・案件 システムエンジニア・プログラマー / バックエンドエンジニア(サーバサイド) / フロントエンドエンジニア / Java系エンジニア

・製造業向け輸入管理システムの改修対応を担当 ・PGとしてリーダーの作業依頼の下で詳細設計を作成し、コーディング、テスト仕様書作成、単体/結合テストを実施 ・ReactおよびJavaによる画面改修 ・Oracle環境でのデータ処理およびテスト対応 ・2026年4月～参画し、最大2~3名規模を想定

飲料メーカー向けReact/TypeScript開発案件

飲料メーカーの基幹システムをモダナイゼーションするプロジェクトの一環として、Reactを用いた画面開発及び基本設計以降の工程に携わっていただきます。既存システムのリプレースをスムーズに進めるため、実務経験豊富なエンジニアを募集しています。 ■ 業務内容 - Reactを用いたユーザーインターフェースの開発 - 基本設計からのシステム移行 - 他エンジニアと協力して高品質なシステム提供 【アピールポイント】 - テレワークでの柔軟な働き方が可能 - 飲料メーカー向けの大型プロジェクトに参画 - スキル見合いで長期契約の可能性もあり - 他エンジニアと共に成長できる環境 - 最新技術に触れる機会が豊富

Angularを活用した倉庫システム開発プロジェクト

田町での倉庫管理システム開発プロジェクトへの参加を募集しています。フロントエンドエンジニアとしてUI開発をメインに担当していただきますが、一部Javaでのサーバーサイド開発も含まれます。デジタル化を進める物流企業の成長を支える、やりがいのある案件です。 ■ 業務内容 - 倉庫要員管理と作業の見える化システムの設計からテストまで一貫して担当 - Angularを使用したUI開発 - 一部Javaによるサーバーサイド開発 【アピールポイント】 - 最新のAngular技術を用いてフロントエンド開発に携われる - 長期プロジェクトで安定した就業が可能 - 物流業界のデジタル化を支える重要な役割を担います

次世代技術を用いたメタバースソリューション開発

最新技術を駆使したデジタルコマース&メタバース環境の構築において、基本設計から実装までを担当いただきます。 主な職務は、AR/VR/Web3.0を活用したユーザー体験を高めることが求められます。 ■ 業務内容 ・次世代技術を用いたシステムの基本設計から実装 ・UI/UXデザインの提案と作成 ・Eコマースプラットフォームの開発における技術的サポート 【アピールポイント】 ・先進技術を活用したプロジェクトでスキルアップ ・フルリモートで働きやすい環境 ・長期安定したプロジェクト参画可能 ・UI/UX改善に携われるチャンス ・次世代のWeb技術を学べる環境

デジタルコードミニアプリ開発フロントエンド/バックエンド

コード決済スマホアプリ連携のミニアプリ開発プロジェクトです。デジタルコードを扱うブラウザベースのミニアプリのフロントエンド / バックエンド開発を担当いただきます。 ■ 業務内容 ・決済アプリと連携したミニアプリの設計、開発 ・デジタルコードのフロントエンド / バックエンド実装 ・TypeScript, HTML/CSS, REST APIを活用した開発 ・PostgreSQLとAWSを利用したシステム構築 【アピールポイント】 ・Vue.js / Node.jsを用いたモダンな開発環境 ・決済系プロジェクトでの実務経験を積む好機 ・AWSを活用したクラウド環境でのスキルアップが可能 ・実装からシステム構...

VueとTypeScriptを活用したフロント刷新プロジェクト

エンドユーザー向けシステムのフロントエンドをリニューアルするプロジェクトです。 Vueを使用したフロント開発の中心的な役割を担い、チームと協力してプロジェクトを推進します。 ウォーターフォール方式を採用し、安定した体制で開発を進めます。 ■業務内容 ・Vueを使用したフロントエンドの開発 ・Java(Spring Boot)やTypeScriptでのバックエンドサポート ・チーム間での円滑なコミュニケーションとプロジェクト推進 【アピールポイント】 ・VueとTypeScriptを活用し、最新のフロントエンド技術に触れられます ・リモート併用で柔軟な働き方が可能です ・中長期に渡るプロジェクトで安定した就業...

ヘルステック領域でのAngularエンジニア募集

六本木一丁目に常駐し、大手企業との新規事業開発に携わるポジションです。 顔画像を基にしたバイタルデータの取得技術を活用し、管理者向けのWebアプリをAngularで開発。 スピード感を持ってプロダクトを具現化し、社会実装に貢献できる方を歓迎します。 【アピールポイント】 ・大手企業との連携プロジェクトでスキルを活かせる ・Angularを駆使した最新の開発環境 ・技術を通じてヘルステックの未来に参画 ・常駐で深いコミュニケーションが図れる ・新規事業の立ち上げをサポートする機会

行政向けシステムのフロントエンド開発支援

公共サービスを提供する企業において、行政向け基幹システムのフロントエンド開発を担当していただきます。予算管理や管理会計のSaaSサービスを運営する顧客との協働により、実装だけでなく問い合わせ対応や仕様検討も行っていただきます。 ■ 業務内容 ・フロントエンドの実装および改善 ・問い合わせ対応（不具合調査、仕様確認） ・PdMデザイナーとの仕様検討 【アピールポイント】 ・フルリモートで柔軟な働き方が可能 ・公共サービスに貢献するやりがいのあるプロジェクト ・最新技術を活用したスキルアップの機会あり ・優秀なエンジニアとの協働で成長できる ・高度な開発経験を積むことが可能

Reactを用いた教育機関向けSaaS開発

教育機関向けに自社サービスとして、学校や塾と生徒・保護者を繋げるSaaSを展開する企業にて、Reactを用いたフロントエンド開発を担当いただきます。学習の進捗状況管理などを行うアプリの機能開発を行います。Ruby on Railsを用いたバックエンドのサポートも可能であれば担当。 ■ 業務内容 ・React/Reduxを用いたUI/UX設計・開発 ・学習管理SaaSの機能改善 ・TypeScriptを用いた開発とコードレビュー ・バックエンドのRuby on Rails開発（任意） ・チーム内コミュニケーションとタスクの調整 【アピールポイント】 ・最先端技術を使用した開発環境 ・英語スキルを活かした国際的な...

モダン技術を活かしたフロントエンド開発エンジニア募集

CXサービス提供企業でフロントエンドエンジニアを募集中です。 TypeScriptとReact.jsを用いたフロントエンド開発、設計、テスト、運用を担当していただきます。AWS環境でのシステム開発を経験でき、柔軟な働き方が可能です。プロジェクトの進行管理や技術ドキュメンテーション作成も行い、チームと協力して最高のユーザー体験を提供します。 【アピールポイント】 - フルフレックス勤務で働き方に合わせた柔軟な対応が可能 - モダンな技術を活用し、スキルアップを目指せる環境 - 大手企業のプロジェクトに直接参画し、経験を積める - マイクロサービスやクラウドインフラにかかわり、最新技術を追求可能 - 技術ドキュメンテ...

FA向けカメラシステムWebソフト開発(TypeScript/React)

FA向けのカメラシステムを対象としたWebソフトの開発案件です。TypeScriptおよびReact、Reduxを用いて、最先端の技術を駆使し、効率的なWebソフト開発をご担当いただきます。さらに、エンドユーザーとの直接的なやりとりを通じて、迅速かつ的確なニーズ対応が可能です。 ■ 業務内容 ・FA向けカメラシステムのWebソフト開発 ・技術要件に応じたシステム設計と実装 ・既存システムの改善および新機能追加 【アピールポイント】 ・最先端の技術環境でスキルアップ可能 ・長期安定のプロジェクトでの参画 ・50代までの経験豊富な方も歓迎される職場環境 ・FA業界における高需要なスキルを身につけるチャンス ・常...

証券系システムのReact/TypeScript開発

証券系システムの保守とエンハンス開発プロジェクトに参画し、主にフロントエンドを担当していただきます。保守対応を中心に、不具合調査、エンハンス、更改、マイグレーションの設計開発を実施します。 ■ 業務内容 - 基本設計から総合テストまでの工程を担当 - 不具合調査および対応 - エンハンス、更改、マイグレーション設計開発 【アピールポイント】 - 大規模プロジェクトで経験を積むチャンス - ReactやTypeScriptの技術を活かして開発 - 金融系システムに関わりながら、安全でスムーズな運用を実現する

CXサービス提供企業でのフロントエンドエンジニア

CXサービス提供企業におけるフロントエンドエンジニアとして、新規機能のUI/UX実装や既存コードのリファクタリング、パフォーマンスチューニングを担当していただきます。Mantineを用いた再利用性・保守性の高いコンポーネント設計や仕様書の作成、ノウハウのチーム内共有が求められます。 【アピールポイント】 - フルフレックス勤務で柔軟な働き方が可能 - モダンな技術スタックでのスキルアップが期待 - マイクロサービスやクラウドインフラに関する経験が積める - 少人数構成で裁量が大きい - UI/UXデザインスキルも磨ける

証券会社向けトレード用Webアプリフロントエンド開発

証券会社向けの金融トレード用Webアプリの画面開発。開発メンバーとして、基本設計から実装フェーズを担当します。要件定義書やデザインは別担当から提供され、主に画面設計書の作成およびVue.js、TypeScriptを用いたWeb画面開発を行います。 ■ 業務内容 ・基本設計から実装、テストまでの一連の開発工程 ・要件に基づく画面設計書の作成 ・Vue.js、TypeScriptを用いたフロントエンド開発 ・Javaを用いたバックエンド開発 【アピールポイント】 ・週3日のリモート勤務が可能で柔軟な働き方 ・最先端のフロントエンド技術を活用できる伸び代のあるプロジェクト ・金融業界の案件でセキュリティにも関与可能...

【React/Next.js・TypeScript/C#】リモート/大手ネット企業のレンタルサーバー新規開発フルスタック

大手ネット系企業が展開するレンタルサーバー・VPS事業の中核システムをゼロベースで開発するプロジェクトです。 - 役割：入会フローや管理画面などのフロント実装、ならびに裏側のビジネスロジックの新規開発・改修を担当します。 - 技術スタック：フロントはReact/Next.js（TypeScript）が中心。バックエンドはC#/.NETにも携われるフルスタックポジションです。 - 働き方：週3出社＋週2在宅のハイブリッド（渋谷区オフィス）。 ユーザー視点での提案や、自走して課題解決に向けて動ける方を歓迎します。

toC向けWebアプリフロントエンド開発案件

toC向けのWebアプリケーションのフロントエンド開発を担当します。 要件策定、品質維持、技術的負債の改善等も含むため、幅広いスキルが求められます。 ■ 業務内容 ・Webアプリのフロントエンド開発および運用 ・要件策定から技術的負債の改善 ・品質管理 【アピールポイント】 ・TypeScriptを使用した最新の開発環境 ・リモートワーク可能で柔軟な働き方 ・成長中企業でのチャレンジングなポジション ・技術的スキルアップが望める環境 ・Web面談1回でスムーズな選考プロセス

ヘルステック領域でのAngularを用いたWebアプリ開発

ヘルステック領域における新規事業開発の一環として、大手企業と連携し、Angularを用いた管理用Webアプリケーションの開発を担当していただきます。既存のデザイン案や画面遷移図に基づき、実装からテストまでを一貫して行い、プロダクトを迅速に形にし、社会実装に貢献します。 ■業務内容 ・Webアプリケーションの設計、開発 ・Angularを使用したフロントエンド実装 ・テスト工程の実施 ・プロジェクトチームとの連携、調整 【アピールポイント】 ・Angularを用いたフロントエンド開発に携われる ・先進的な技術を活用したプロジェクトに参加可能 ・ヘルステックの新規事業開発を経験 ・大手企業との共同プロジェクトで...

リモート週2可! Reactエンジニア募集

弊社注力の案件で、既存システムの画面動作解析から画面UI修正、 APIとのつなぎ込みを含む画面機能実装まで担当していただきます。 単体テストや結合テストの実施、コードレビューにも参加。 設計や実装に強みを持つ方を求めています。 【アピールポイント】 ・ReactやTypeScriptのスキルを活かせる環境 ・長期プロジェクトで安定して働ける ・新宿で通勤便利、週2回リモート可能 ・技術力を高める絶好のチャンス ・クロスレビューを通じた成長が可能

倉庫管理システムのUIとサーバーサイド開発

倉庫管理システムの開発プロジェクトにおけるフロントエンド（UI）とサーバーサイドの開発を担当。Angularをメインに用いたUI開発と一部Javaを用いたサーバーサイド開発に従事します。 【アピールポイント】 - 最先端のAngularフレームワークを使用したUI開発の経験を積める - リモートワークを併用しつつも、チームとの連携を深められる環境 - 中長期プロジェクトで安定した勤務が可能

急成長SaaS管理システム開発エンジニア募集

急成長中のスタートアップ企業で、フロントエンドエンジニアとして toB向けSaaS管理システムの開発に貢献いただきます。 既存サービスのエンハンス、新規機能の追加や改修、保守業務を担当します。 ■ 業務内容 ・SaaS管理システムのフロントエンド開発 ・新規機能の追加、既存機能の改善 ・保守および技術的なサポート 【アピールポイント】 ・全国どこからでもフルリモートで働ける ・知識と経験を活かしてスキルアップ可能 ・急成長企業の一員として多岐にわたる開発経験が積める ・面談1回のみでスピーディな選考プロセス ・地方在住の方でも応募可能

エネルギーマネジメントシステムの刷新開発

エネルギー企業の現行システム刷新プロジェクトに参加。エネルギーマネジメントシステムの開発において、フロントエンドの実装とテストフェーズを担当します。最低限の機能を持った新システムの構築と共に、2次、3次開発への継続参画が可能です。 ■ 業務内容 ・React.jsを用いたユーザーインターフェースの実装 ・Typescriptでのプログラム作成 ・APIを活用したデータ取得及びインテグレーション ・開発進行状況の報告とリスク管理 【アピールポイント】 ・市場のトレンドに沿ったシステム開発に関わることができる ・AWS等のクラウド環境でのスキル向上が可能 ・技術スキルを活かし、さらなるキャリア成長が目指せる ・...

次世代技術を活用したEコマース開発エンジニア

AR、VR、Web3.0、ブロックチェーンなどの次世代技術を駆使し、 デジタルコマースやOMOプラットフォーム、メタバースソリューションの開発を担当。 システムの基本設計から実装に至るまで、ユーザビリティを重視した開発を行います。 ■ 業務内容 ・次世代技術を活用したEコマースシステムの設計、実装 ・UI/UXを意識したデザインの提案、開発 ・チームメンバーとの協力によるアジャイル開発 【アピールポイント】 ・フルリモートで柔軟に働ける環境 ・最新技術を活用したプロジェクトに関われる ・長期プロジェクトで安定した稼働が可能 ・高単価でスキルに応じた報酬 ・次世代技術に携わることでキャリアアップ

マッチングアプリ新機能開発PM

フルリモートでマッチングサービスのフロントエンド開発に携わるエンジニアを募集します。 新規機能開発からUI/UXの改善、パフォーマンス最適化まで幅広く担当いただきます。 APIバックエンドの連携実装を通じて、PMやデザイナーと協力し、円滑なプロジェクト進行をお任せします。 自由度の高い作業環境でスキルアップを目指せます。 【アピールポイント】 ・フルリモートで柔軟な作業環境を提供 ・多様な機能改善で幅広いスキルが身につく ・パフォーマンス最適化に挑戦できる ・プロダクト開発の初期段階から参画可能 ・最新技術での開発環境を提供

CXサービス企業でのフロントエンド開発

CXサービス提供企業の自社Webアプリケーションにおけるフロントエンドの設計、開発、テスト、運用を担当します。負荷軽減によるプログラムの改善、高速化を図ります。成果物のドキュメンテーション化やノウハウ共有、進捗レポートも行います。 【アピールポイント】 - フルフレックス勤務で柔軟な働き方が可能 - マイクロサービスやモダンなクラウド技術でスキルアップにも最適 - AWS、Node.jsなどの最新技術に触れられる

CXサービス提供企業でのモダンフロントエンドエンジニア

CXサービス提供企業でのフロントエンドエンジニアとして、新規機能のUI/UX実装、既存コードのリファクタリング、パフォーマンスチューニングに携わります。柔軟な働き方が可能なフルフレックス環境で、モダンな技術を用いながらスキルアップできるプロジェクトです。 【アピールポイント】 ・フルフレックスで柔軟な働き方が可能 ・モダンな技術を用いるプロジェクトでスキルアップ可能 ・インフラにはAWSを採用しており、最新技術に触れられる ・日本語でのビジネスコミュニケーション能力を活かせる ・チームでの開発経験を積むことができる

急成長スタートアップでのフロントエンドエンジニア募集

急成長中のスタートアップ企業にて、toB向けSaaS管理システムの 開発に携わるフロントエンドエンジニアを募集しています。 既存サービスのエンハンス開発を担当し、新規機能の追加や改修、 保守業務を行います。 ■ 業務内容 ・既存サービスのエンハンス開発 ・新規機能の追加・改修 ・システムの保守業務 【アピールポイント】 ・フルリモートで初日から柔軟な働き方が可能 ・急成長中のスタートアップでダイナミックに業務を推進 ・モダンな技術スタックを活用した開発環境 ・週4からの柔軟な稼働が可能 ・SaaS業界での経験が積めるチャンス

採用管理システム向けフロントエンジニア募集

採用管理システムにおけるフロントエンド開発を担当していただきます。業務効率化を目的としたサービスの運用保守、機能追加、UIデザインの改善が主な業務です。要件定義から設計・実装・テスト・運用保守まで一貫して携わり、品質担保と改善提案を行っていただきます。 【アピールポイント】 - リーダーシップを発揮できる環境 - 自社開発システムでスキルを活かせる - 国内大手企業に導入されたシステムに携われる - 品質改善の提案ができるポジション - フレキシブルな勤務形態

マーケティングテクノロジー開発フロントエンドエンジニア

新規のマーケティングテクノロジーサービスの開発プロジェクトに参加。フロントエンドを中心に、配信用管理画面やWebインフラの構築に携わり、最新の技術を用いて革新的なプラットフォームを作り上げる。 ■ 業務内容 ・Webマーケティング関連プロダクトのフロントエンド実装 ・Reactを用いた管理画面の開発 ・SNSに向けた配信システムの開発 ・LIFFアプリの構築及びインフラ整備 【アピールポイント】 ・大規模なサービス開発に携われるチャンス ・最新のテクノロジーに触れる環境 ・チームでの協力的な開発環境が整っている ・成長中の分野での技術習得とキャリアアップの機会 ・フレキシブルなリモート勤務が可能

BtoBオフィス用品販売WEBサイトのフロント開発

法人向けオフィス用品販売WEBサイトのフロントエンド開発を担当、 教育・フォローも兼ねてチームの運営をサポート。 社内および社外との連携を促進し、プロジェクト推進を図る。 ■ 業務内容 ・法人向けオフィス用品販売サイトのフロントエンド開発 ・チームメンバーへの教育とフォロー ・コミュニケーションを通じたプロジェクト推進 【アピールポイント】 ・多機能なサイト開発に主体的に関わるチャンス ・技術力を活かしつつ、チーム全体で成長可能な環境 ・教育経験を活かしてリーダーシップが発揮できる ・TypeScriptやReactを用いたモダン開発を経験 ・西新宿の便利なアクセスで働きやすい環境

自社Webサービス開発フロントエンドエンジニア

自社で運営するWebサービスのフロントエンド開発プロジェクトに参画します。PCやスマートフォンで利用するアプリケーションの開発および運用を行います。 ■ 業務内容 - Webサービスのフロントエンド部分の設計・実装 - ユーザビリティを考慮したUIの最適化 - 性能改善や保守性向上のためのリファクタリング 【アピールポイント】 - 渋谷のオフィスで週2日リモートワークを行い、バランスの取れた働き方が実現 - モダンな言語と技術スタックを活かせる、先進的な開発環境 - 自社プロジェクトだからこそのプロダクトオーナーシップが持てる

新規Webサービス立ち上げフロントエンドエンジニア

新規Webサービスの立ち上げに伴い、フロントエンド開発を主導いただきます。PdMやデザイナーと連携し、設計からリリースまでを担当します。将来を見据えたアーキテクチャの提案・改善や、既存サービスとのシステム連携も行います。 ■ 業務内容 ・新規Webサービスのフロントエンド開発の主導 ・PdMやデザイナーとの連携 ・設計からリリースまでの全工程管理 ・将来を見据えたアーキテクチャの提案・改善 ・既存サービスとのシステム連携 【アピールポイント】 ・リモートワーク併用で柔軟な働き方が可能 ・React.jsやNext.jsを用いた先進的な開発環境 ・プロジェクト立ち上げ段階からの参画でスキルアップが可能 ・P...

【TypeScript/Next.js】Agent駆動開発におけるエンジニアの業務委託案件・フリーランス求人

・AI Agent 駆動によるWebアプリケーション開発 ・Next.js / React を中心としたフロントエンド開発 ・LLM（GPT等）を活用した機能設計・実装 ・Vercel / AWS 等を用いたデプロイ・運用

【TypeScript/Vue.js】AIプロダクトにおけるフロントエンドの業務委託案件・フリーランス求人

・AIプロダクトのフロントエンド開発 ・新機能開発 / UI修正 / 既存コードのリファクタリング ・AIを活用した開発フローでの実装・改善 ・開発に付随するドキュメント作成 【体制(人数/構成)】 ・少数精鋭チーム（詳細非公開）

【エンド直】幅広く知識つけられる案件となります：webアプリ：react：TypeScript：若手でも可能

介護者向けのコミュニケーションアプリを、Webアプリとしてリリースします。 UIの大幅な変更も含め、いくつか新規の機能が入ります。 WEB版の開発体制は開発管理2名、Webフロント4名、バックエンド2名で進行中です。（その他、並行してアプリ開発チームのラインがあります。） 企画チームとの仕様の調整などもお願いするため、裁量を広く持てることにやりがいを感じられる方におすすめの案件です。

不動産業界向け物件広告サービスの運用保守・開発案件（vue.js）

不動産業界向け物件広告サービスのフロントエンドエンジニアとして携わっていただきます。 自社で開発しているシステムで既にリリースしているものとなります。 システムの運用をしてもらいつつ、追加機能開発にも携わっていただきます。

不動産業界向け物件広告サービスの運用保守・開発案件（vue.js）

不動産業界向け物件広告サービスのフロントエンドエンジニアとして携わっていただきます。 自社で開発しているシステムで既にリリースしているものとなります。 システムの運用をしてもらいつつ、追加機能開発にも携わっていただきます。

フロントエンド シニアエンジニア募集

? UI/UX を考慮したコンポーネント設計と実装 ? 単体テストの実装