コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
check_circle
アダプティブ レイアウト
ondemand_video
動画
省略可
パスウェイ 3 へようこそ!これまでに、複数の画面を持つアプリを作成する方法を学習しました。このパスウェイでは、各画面をさまざまな画面サイズに適応させる方法について学習します。
check_circle
Reply アプリの概要
ondemand_video
動画
省略可
このパスウェイでは、Reply アプリを作成します。さまざまなレイアウトがさまざまなサイズの画面でどのように動作するのかを示すアプリです。
check_circle
ダイナミック ナビゲーションを使用してアダプティブ アプリを作成する
emoji_objects
コードラボ
アダプティブ ナビゲーション UI パターンを使用して、アプリを大画面で適切に動作させる方法について学習します。
check_circle
アダプティブ レイアウトでアプリを作成する
emoji_objects
コードラボ
正規レイアウト パターンを実装してアプリを大画面に適応させる方法について学習します。
check_circle
演習: スポーツアプリを作成する
emoji_objects
コードラボ
リスト詳細レイアウトの実装によりさまざまなタイプのデバイスで優れたユーザー エクスペリエンスを提供する方法と、そのテスト方法を学びます。
check_circle
プロジェクト: My City アプリを作成する
emoji_objects
コードラボ
お住まいの地域のおすすめの場所を表示するアプリを作成します。
check_circle
次のステップ
ondemand_video
動画
省略可
以上で、ユニット 4 は完了です。このユニットでは、アクティビティのライフサイクル、アプリ アーキテクチャ、Navigation コンポーネント、アダプティブ レイアウトなどの重要なトピックについて学びました。ここで学んだ内容をもとに、さまざまなデバイスや画面サイズで優れたユーザー エクスペリエンスを提供できる、堅牢かつテストが容易なアプリを構築できます。
クイズ
知識をテストして、「アダプティブ レイアウト」バッジを獲得しましょう。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"必要な情報がない"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"複雑すぎる / 手順が多すぎる"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"最新ではない"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"サンプル / コードに問題がある"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]
{}
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],[]]