セッション詳細画面の作成

lib/app/home_page.dart

@@ -11,6 +11,9 @@ import 'package:confwebsite2023/features/header/data/header_item_button_data.dar
 import 'package:confwebsite2023/features/header/ui/header_widget.dart';
 import 'package:confwebsite2023/features/hero/ui/hero_section.dart';
 import 'package:confwebsite2023/features/news/ui/news_section.dart';
+import 'package:confwebsite2023/features/session/model/talk_user.dart';
+import 'package:confwebsite2023/features/session_page/data/session_model.dart';
+import 'package:confwebsite2023/features/session_page/session_detail/session_detail.dart';
 import 'package:confwebsite2023/features/sponsor/ui/list/sponsors_section.dart';
 import 'package:confwebsite2023/features/staff/ui/staff_header.dart';
 import 'package:confwebsite2023/features/staff/ui/staff_table.dart';
@@ -71,6 +74,48 @@ class MainPage extends HookWidget {
         title: 'Staff',
         onPressed: () async => scrollToSection(sectionKeys.staff),
       ),
+      HeaderItemButtonData(
+        title: 'Session',
+        onPressed: () async {
+          const sessionModel = SessionModel(
+            sessionName: 'Session 1-1',
+            title: 'DartによるBFF構築・運用 〜dart_frog×melos〜',
+            user: TalkUser(
+              name: 'もぐもぐ',
+              thumbnailUrl:
+                  'https://upload.wikimedia.org/wikipedia/commons/thumb/e/ec/Shoyu_ramen%2C_at_Kasukabe_Station_%282014.05.05%29_1.jpg/260px-Shoyu_ramen%2C_at_Kasukabe_Station_%282014.05.05%29_1.jpg',
+            ),
+            contents:
+                'Dart言語はFlutterとともにアプリフロントエンドの領域で広く認知されてきました。しかし、バックエンドにおける実践的な活用例はまだまだ少ないのが現状です。\n'
+                'とはいえ、Flutterアプリ向けのBFF(Backend For Frontend)をDartで実装することは、型宣言を共通化することができ、生産性を飛躍的に向上させるアプローチとなり得ます。\n'
+                '本セッションでは、Dartをバックエンド・BFFに採用する背景から、dart_frogというパッケージの特徴と、マルチパッケージ管理ツールであるmelos を利用して、Flutterでのアプリ構築を加速させる過程について深掘りします。更に、実際の案件でdart_frogとmelosを導入していく過程、そしてそれをどのようなプロジェクトに組み込んだのかの経験談を交えながら、Dartバックエンド・BFFとしての魅力と、それを実現する具体的な手法をお伝えます。\n\n'
+                '想定視聴者\n\n'
+                '・バックエンド・BFFにDartを採用することを検討している開発者\n'
+                '・BFFの設計や実装に興味がある方\n'
+                '・dart_frog 等のDartのバックエンド関連の技術に興味を持つエンジニア\n'
+                '・melos を用いてマルチパッケージ管理を楽にしたいエンジニア\n'
+                ' 実際のプロジェクトでの技術導入の経験談やノウハウを知りたい方',
+            time: '2023年11月10日：11:10~11:15(40分)',
+            trackName: 'Track 1',
+            twitter: 'YumNumm',
+            isSponsor: false,
+            // sponsorName: '株式会社ゆめみ',
+            // sponsorImage:'https://yumemi.co.jp/grow-with-new-logo/img/common/logo_new.svg',
+            tweet:
+                'https://twitter.com/intent/tweet?original_referer=https%3A%2F%2Ffortee.jp%2F&ref_src=twsrc%5Etfw%7Ctwcamp%5Ebuttonembed%7Ctwterm%5Eshare%7Ctwgr%5E&text=Dart%E3%81%AB%E3%82%88%E3%82%8BBFF%E6%A7%8B%E7%AF%89%E3%83%BB%E9%81%8B%E7%94%A8%20%E3%80%9Cdart_frog%C3%97melos%E3%80%9C%20by%20%E3%82%82%E3%81%90%E3%82%82%E3%81%90%20%7C%20%E3%83%88%E3%83%BC%E3%82%AF%20%7C%20FlutterKaigi%202023%20%23FlutterKaigi%20-%20fortee.jp&url=https%3A%2F%2Ffortee.jp%2Fflutterkaigi-2023%2Fproposal%2F972ffbac-422b-4d4b-9686-f59c4438da04',
+            forteeUrl:
+                'https://fortee.jp/flutterkaigi-2023/proposal/972ffbac-422b-4d4b-9686-f59c4438da04',
+          );
+
+          await Navigator.push<void>(
+            context,
+            MaterialPageRoute(
+              builder: (context) =>
+                  const SessionDetail(sessionModel: sessionModel),
+            ),
+          );
+        },
+      ),
     ];
 
     return Scaffold(

lib/core/theme/dimension.dart

@@ -3,6 +3,7 @@ import 'package:flutter/widgets.dart';
 class Spaces {
   const Spaces._();
 
+  static const SizedBox horizontal_4 = SizedBox(width: 4);
   static const SizedBox horizontal_8 = SizedBox(width: 8);
   static const SizedBox horizontal_10 = SizedBox(width: 10);
   static const SizedBox horizontal_12 = SizedBox(width: 12);

lib/features/session/model/session.dart

@@ -0,0 +1,21 @@
+import 'package:confwebsite2023/features/session/model/talk.dart';
+import 'package:freezed_annotation/freezed_annotation.dart';
+
+part 'session.freezed.dart';
+
+@freezed
+class Session with _$Session {
+  const factory Session.organizer({
+    required String title,
+    required DateTime startsAt,
+    required DateTime endsAt,
+  }) = OrganizerSession;
+
+  const factory Session.talks({
+    required List<Talk> talks,
+    required DateTime startsAt,
+    required DateTime endsAt,
+  }) = TalksSession;
+
+  const factory Session.lunch() = LunchSession;
+}