授業6: ユーザーインタラクション
授業時間: 2時間10分 (休憩10分)
0:00-0:10 - 授業の導入
皆さん、こんにちは。今日の授業では、React Nativeを使用してユーザーとのインタラクションを実装する方法について学びます。
0:10-0:40 - ボタンとタッチ操作
まずは、ユーザーのタッチ操作に反応する基本的なUI要素であるボタンについて学びます。React Nativeで提供されているButtonコンポーネントの使用方法と、カスタムボタンの作成方法を見ていきます。
0:40-1:10 - タッチ可能なコンポーネント
次に、一般的なUIコンポーネントをタッチ可能にする方法について学びます。TouchableOpacityやTouchableHighlightなどのReact Nativeのタッチ可能なコンポーネントを使用します。
1:10-1:20 - 休憩
少し休憩しましょう。10分間だけリラックスして、頭を休めましょう。
1:20-1:50 - スクロールビューとフラットリスト
休憩後は、スクロール可能なビューやリストの作成方法について学びます。ScrollViewとFlatListの使用方法を見ていきます。
1:50-2:00 - ユーザー入力の取り扱い
最後に、ユーザーからの入力を取り扱うためのTextInputコンポーネントの使用方法を学びます。
2:00-2:10 - ユーザーインタラクションのまとめ
今日学んだユーザーインタラクションの実装方法について、改めて要点をまとめます。質問がある方は、この時間にどんどん質問してください。
以上で、今日の授業を終了します。次回も、引き続きReact Nativeを詳しく学んでいきます。それでは、今日はお疲れ様でした。
プログラミングラボ
AI学習プログラミング
https://twitter.com/PLab2020