<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Swift Archives - Home</title>
	<atom:link href="https://jp.ntq.com.vn/cs-tag/swift/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description>ntq</description>
	<lastBuildDate>Tue, 15 Sep 2026 08:35:05 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>

<image>
	<url>https://jp.ntq.com.vn/wp-content/uploads/2025/05/NTQ-favicon_32x32.ico</url>
	<title>Swift Archives - Home</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>ECネイティブアプリをReact Nativeへ刷新</title>
		<link>https://jp.ntq.com.vn/case-study/ec-native-app-react-native-cross-platform-modernization/</link>
		
		<dc:creator><![CDATA[Admin]]></dc:creator>
		<pubDate>Tue, 15 Sep 2026 08:35:05 +0000</pubDate>
				<guid isPermaLink="false">https://jp.ntq.com.vn/?post_type=case_study&#038;p=3350</guid>

					<description><![CDATA[本プロジェクトでは、ECプラットフォームを運営する小売企業のiOS／Androidアプリを再構築しました。SwiftとKotlinによる個別開発から、React NativeとTypeScriptを採用したクロスプラットフォームの共通基盤へ移行しました。プロジェクト規模は125人月で、iOSとAndroidの2つのプラットフォームに対応しました。 プロジェクト概要 対象システム ECネイティブアプリ 対象企業 ECプラットフォームを運営する小売企業 プロジェクト規模 125人月 対応プラットフォーム iOS／Android クロスプラットフォーム移行の背景 既存のネイティブアプリは、iOSではSwift、AndroidではKotlinを使用して個別に開発されていました。年間保守工数の約20～25％が更新対応に使用され、1つの機能を両OSで同期するまでに最大約5週間を要していました。 Existing Native Apps Modern Mobile App iOS／Swift Android／Kotlin 年間保守工数の約20～25％を更新対応に消費 1機能の同期に最大約5週間 Framework：React Native Language：TypeScript Platform：iOS／Android Cloud：AWS Service 移行フェーズ：Phase 1｜基本機能　Phase 2｜新機能・UX NTQの担当範囲・進め方 01．共通アーキテクチャ設計 React NativeとTypeScriptを採用し、iOS・Android共通のアプリ基盤を設計することで、2つのコードベースを統合しました。 02．既存機能の再構築 既存アプリの基本機能を移行し、両OSの仕様差異に対応することで、既存機能と同等のUXを提供しました。 03．新機能・UI／UX改善 共通コンポーネントを活用し、新機能の追加とUI／UX改善を実施することで、機能拡張をスピードアップしました。 04．品質検証・本番移行 単体テスト、結合テスト、システムテスト、受入テストを実施しました。テスト後に旧アプリと比較して本番移行を行い、品質を確保しながら円滑に移行しました。 提供価値 01．開発・保守コストの最適化 iOSとAndroidのコードベースを共通化し、二重開発と保守の負担を軽減しました。 02．リリースの迅速化 OS間の機能同期を効率化し、機能提供までのリードタイムを短縮しました。 03．保守性・拡張性の向上 共通コンポーネントを活用し、新機能の追加とUI／UX改善を容易にしました。 マイグレーションについて相談する 実績集をダウンロードする]]></description>
										<content:encoded><![CDATA[<div style="width:100%;margin:24px 0 0;color:#333;font-family:Arial,'Noto Sans JP','Yu Gothic',Meiryo,sans-serif;font-size:16px;line-height:1.8;">
<p style="margin:0 0 20px;font-size:18px;font-weight:600;">本プロジェクトでは、ECプラットフォームを運営する小売企業のiOS／Androidアプリを再構築しました。SwiftとKotlinによる個別開発から、React NativeとTypeScriptを採用したクロスプラットフォームの共通基盤へ移行しました。プロジェクト規模は125人月で、iOSとAndroidの2つのプラットフォームに対応しました。</p>
<h2 style="margin:26px 0 14px;padding-left:12px;border-left:4px solid #27e4cf;color:#0818b5;font-size:25px;font-weight:700;line-height:1.5;">プロジェクト概要</h2>
<table style="width:100%;margin:0 0 24px;border-collapse:collapse;">
<tbody>
<tr>
<th style="width:32%;padding:12px 16px;border:1px solid #dce2f5;background:#eef1ff;color:#0818b5;font-weight:700;text-align:left;">対象システム</th>
<td style="padding:12px 16px;border:1px solid #dce2f5;">ECネイティブアプリ</td>
</tr>
<tr>
<th style="padding:12px 16px;border:1px solid #dce2f5;background:#eef1ff;color:#0818b5;font-weight:700;text-align:left;">対象企業</th>
<td style="padding:12px 16px;border:1px solid #dce2f5;">ECプラットフォームを運営する小売企業</td>
</tr>
<tr>
<th style="padding:12px 16px;border:1px solid #dce2f5;background:#eef1ff;color:#0818b5;font-weight:700;text-align:left;">プロジェクト規模</th>
<td style="padding:12px 16px;border:1px solid #dce2f5;">125人月</td>
</tr>
<tr>
<th style="padding:12px 16px;border:1px solid #dce2f5;background:#eef1ff;color:#0818b5;font-weight:700;text-align:left;">対応プラットフォーム</th>
<td style="padding:12px 16px;border:1px solid #dce2f5;">iOS／Android</td>
</tr>
</tbody>
</table>
<h2 style="margin:26px 0 14px;padding-left:12px;border-left:4px solid #27e4cf;color:#0818b5;font-size:25px;font-weight:700;line-height:1.5;">クロスプラットフォーム移行の背景</h2>
<p style="margin:0 0 14px;">既存のネイティブアプリは、iOSではSwift、AndroidではKotlinを使用して個別に開発されていました。年間保守工数の約20～25％が更新対応に使用され、1つの機能を両OSで同期するまでに最大約5週間を要していました。</p>
<table style="width:100%;margin:0 0 14px;border-collapse:collapse;">
<thead>
<tr>
<th style="width:42%;padding:12px 16px;border:1px solid #666;background:#666;color:#fff;font-weight:700;text-align:left;">Existing Native Apps</th>
<th style="width:58%;padding:12px 16px;border:1px solid #0818b5;background:#0818b5;color:#fff;font-weight:700;text-align:left;">Modern Mobile App</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding:14px 16px;border:1px solid #dce2f5;vertical-align:top;">
<ul style="margin:0;padding-left:22px;">
<li>iOS／Swift</li>
<li>Android／Kotlin</li>
<li>年間保守工数の約20～25％を更新対応に消費</li>
<li>1機能の同期に最大約5週間</li>
</ul>
</td>
<td style="padding:14px 16px;border:1px solid #dce2f5;vertical-align:top;">
<p style="margin:0 0 8px;"><strong style="color:#0818b5;">Framework：</strong>React Native</p>
<p style="margin:0 0 8px;"><strong style="color:#0818b5;">Language：</strong>TypeScript</p>
<p style="margin:0 0 8px;"><strong style="color:#0818b5;">Platform：</strong>iOS／Android</p>
<p style="margin:0;"><strong style="color:#0818b5;">Cloud：</strong>AWS Service</p>
</td>
</tr>
</tbody>
</table>
<p style="margin:0 0 24px;padding:13px 16px;border-left:4px solid #0818b5;background:#f2f4ff;"><strong style="color:#0818b5;">移行フェーズ：</strong>Phase 1｜基本機能　Phase 2｜新機能・UX</p>
<h2 style="margin:26px 0 14px;padding-left:12px;border-left:4px solid #27e4cf;color:#0818b5;font-size:25px;font-weight:700;line-height:1.5;">NTQの担当範囲・進め方</h2>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">01．共通アーキテクチャ設計</h3>
<p style="margin:0 0 18px;">React NativeとTypeScriptを採用し、iOS・Android共通のアプリ基盤を設計することで、2つのコードベースを統合しました。</p>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">02．既存機能の再構築</h3>
<p style="margin:0 0 18px;">既存アプリの基本機能を移行し、両OSの仕様差異に対応することで、既存機能と同等のUXを提供しました。</p>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">03．新機能・UI／UX改善</h3>
<p style="margin:0 0 18px;">共通コンポーネントを活用し、新機能の追加とUI／UX改善を実施することで、機能拡張をスピードアップしました。</p>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">04．品質検証・本番移行</h3>
<p style="margin:0 0 24px;">単体テスト、結合テスト、システムテスト、受入テストを実施しました。テスト後に旧アプリと比較して本番移行を行い、品質を確保しながら円滑に移行しました。</p>
<h2 style="margin:26px 0 14px;padding-left:12px;border-left:4px solid #27e4cf;color:#0818b5;font-size:25px;font-weight:700;line-height:1.5;">提供価値</h2>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">01．開発・保守コストの最適化</h3>
<p style="margin:0 0 18px;">iOSとAndroidのコードベースを共通化し、二重開発と保守の負担を軽減しました。</p>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">02．リリースの迅速化</h3>
<p style="margin:0 0 18px;">OS間の機能同期を効率化し、機能提供までのリードタイムを短縮しました。</p>
<h3 style="margin:20px 0 8px;color:#0818b5;font-size:20px;font-weight:700;line-height:1.5;">03．保守性・拡張性の向上</h3>
<p style="margin:0 0 26px;">共通コンポーネントを活用し、新機能の追加とUI／UX改善を容易にしました。</p>
<div style="margin:28px 0 0;padding:24px 20px;background:#f2f4ff;text-align:center;">
<p style="margin:0 0 12px;">
      <a href="https://jp.ntq.com.vn/contact-us/" target="_blank" rel="noopener noreferrer" style="display:inline-block;width:100%;max-width:430px;padding:13px 20px;border:2px solid #0818b5;border-radius:6px;background:#0818b5;color:#fff;font-weight:700;text-decoration:none;">マイグレーションについて相談する</a>
    </p>
<p style="margin:0;">
      <a href="https://jp.ntq.com.vn/document/legacy-migration-modernization-case-studies/" target="_blank" rel="noopener noreferrer" style="display:inline-block;width:100%;max-width:430px;padding:13px 20px;border:2px solid #0818b5;border-radius:6px;background:#fff;color:#0818b5;font-weight:700;text-decoration:none;">実績集をダウンロードする</a>
    </p>
</p></div>
</div>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
