RSS DEV コミュニティ
フォロー
レガシーFlashからモダンHTML5へ：開発者のための移行ガイド
インタラクティブコンテンツで普及していたテクノロジーであるAdobe Flashは、2020年12月にブラウザサポートが終了したため、現在では廃止されています。しかし、教育ツールやゲームのような多くの価値あるFlashアプリケーションは依然として関連性があり、それらを最新のテクノロジーに移行させる必要があります。成功する移行には、既存のFlashアプリケーションの詳細な監査から始まる構造化されたアプローチが必要です。ソースコードが失われている場合は、デコンパイラ出力が参照として機能し、動作は直接ポートするのではなく、リバースエンジニアリングする必要があります。
プレーンなHTML/CSS/JavaScriptのようなターゲットテクノロジーの選択は、単純なコンテンツの場合、またはPhaserのようなフレームワークとTypeScriptのような複雑なアプリケーションの場合は、元のFlashアプリケーションの複雑さに依存します。Flashからのベクターグラフィックス、オーディオ、フォントなどのアセットは、抽出、最適化、およびSVG、PNG、MP3、OGG、WOFF2のようなウェブフレンドリーな形式に変換する必要があります。ロジックは、行ごとのポートではなく、元の動作を再現することに焦点を当て、最新のパターンを使用してゼロから書き直す必要があります。
レスポンシブスクリーン向けのUIのモダナイゼーションは、UIをゲームワールドから切り離し、相対単位を使用し、ブレークポイントを設計することを含みます。タッチサポートは、マウス入力と並行して、より大きなタップターゲットを追加する必要があります。パフォーマンス最適化は、特にそれほど強力ではない学校のハードウェアを対象とする教育コンテンツにとって重要であり、DOM操作、スプライトシート、メモリリーク、オーディオレイテンシに注意が必要です。最終ステップは、HTML5バージョンがインタラクション、タイミング、エッジケースを含む元のFlashアプリケーションと正確に一致することを保証する、行動の同等性のための厳密なテストを含みます。移行期間は、複雑さとソースコードの有無によって異なり、これらの要因によってコストが決まります。
