タイムテーブルを表示できるようにする #79

takusandayooo · 2025-09-09T06:32:17Z

現状は、PCのみのレイアウト調整を行った。スマホのレイアウトを変更しようと思ったが、中会議室（WS２）LTブースまでしか横がスクロールすることができなく修正することができなかったので保留している。 PC/Mobile 両方とも対応済み ✅

Action List

YAML にデータを入力
データを /time-table/ ページで描画
テストを CI に追加: refactor: タイムテーブル重複検知を CI 上で動かせるテストに移行 #80
描画と計算でコードを分離: refactor: タイムテーブルの計算処理と描画処理を分離し、それぞれの役割を明確化 #81
スマホ版の描画を見直す
- 表の右端の列は 中会議室（WS4）
- スマホ画面だと途中までしか表示されない
- fix: タイムテーブルのモバイル表示を改善 #83

💻 PC 画面

https://gyazo.com/b56f8caa7f524dc409b7110c4ad2be8b

📱 Mobile 画面

https://gyazo.com/0fb34b84d2094a4d4233abd8624a10ff

takusandayooo · 2025-09-09T06:34:29Z

モバイル版の修正が終わるまでDraftにする。

- HTMLファイル内のJavaScript検証コードを削除 - HTML Prooferのカスタムテストとして重複検知を実装 - 重複があれば CI (bundle exec rake test) でお知らせ本番環境に手動で確認するテスト用 JavaScript コードを含めずに、既存の CI/CD で自動的に実行および検証・確認できるようにしました。

…ator refactor: タイムテーブル重複検知を CI 上で動かせるテストに移行

- Liquidテンプレートから時間計算をプラグインとして実装して簡略化 - Liquidテンプレートから複雑なロジックを除去し、表示のみに専念 - 時間計算のロジックと、描画のテンプレートの可読性をそれぞれ改善

- プラグインコードを30%削減（145行→91行） - メソッド数を57%削減（7個→3個） - grid→tableで一貫性のある命名に統一 - 保守性と可読性が大幅に向上 - ビルドパフォーマンスも改善 - コードベース全体で一貫性のある設計

- span → duration: イベントの継続時間を表す適切な名前に変更 - start_slot/end_slot → slot_start/slot_end: 命名パターンを統一 - start_minutes/end_minutes → event_start/event_end: イベントの時間であることを明確化他、細かな cosmetic change など。

- プラグインから未使用のrequire文を削除 - Gemfileからactivesupport gemを削除 - bundle installで依存関係を元の状態に戻した

…plugin refactor: タイムテーブルの計算処理と描画処理を分離し、それぞれの役割を明確化

- テーブル内部での縦スクロールを無効化 - (他ページ同様の) 縦スクロールに変更

…play fix: タイムテーブルのモバイル表示を改善

_pages/time-table.html

_data/time_table.yml

kp54 · 2025-09-10T16:02:28Z

time_table.yml の内容を整理しました

_pages/time-table.html

takusandayooo · 2025-09-11T01:51:45Z

@mucho613

今やらなくても良いと思うんですが、
もしかするとタイムテーブルの各イベント項目から、その告知ページ等に飛べたら便利かもな……と思いました

こちらですが、簡単そうだったので4214bbc ,ea321c8で対応しました。

Fukusan64

雛形作成という意味ではLGTMです
(他の部分のコメントもあるのでそこもレビュー貰っておきたいです。 🙏)

自分の認識が合っていれば
確定版のタイムテーブルはまだ揃っていないはずなので
今の内容が本番に出てしまうのはマズいなと思っています。

残件としては

正しいタイムテーブルの取得、反映
タイムテーブルページへの導線準備

このあたりかなと思います

takusandayooo · 2025-10-12T07:14:56Z

ファイナリスト作品展示と展示とmicro:bitでフルカラーLEDを自在にコントロールのテーブルが大きすぎてせるがズレるバグがあったので修正中。
8c49387 こちらで修正済み

takusandayooo · 2025-10-12T07:39:30Z

残りタスク

ニュースを作成する
ヘッダーに追加する?

Fukusan64 · 2025-10-12T07:55:20Z

同じ名前の予定が連続して並んでいるのがちょっと気になりました。
タイムテーブルの原本でもそうなので、確認投げてます

Fukusan64 · 2025-10-12T08:22:05Z

追記
同じ名前の予定が連続しているのは基本的には意図されてそう
しかし、もしかすると一部繋げるかもという話が出ているので、確定待ってから精査,修正でお願いします。
https://discord.com/channels/1355061393992323192/1357696976178909486/1426842938184437850

五月雨で後から色々作業増やす形になってしまい、すみません

Fukusan64

LTのところの書き換えをお願いします
企画チームより、サイト掲載時には「展示（コンテスト用）」「展示」列は必要ありません。と来ているので、ここの列の削除をお願いします
- https://discord.com/channels/1355061393992323192/1357695215594504485/1426910266490359808

あとは、想定通りニュースと、ヘッダーの追加をお願いします

ヘッダー作業は以下二点ご注意ください

実装が2つくらいあったと思う
横幅増えるので画面サイズが微妙なときに表示崩れするはず

Fukusan64 · 2025-10-12T09:24:36Z

_data/time_table.yml

+    start: "11:20"
+    end:   "12:00"
+    title: "Dojo関係者等大人LT"
+    note: "要申込"


LTは一般参加は制限していないので
"登壇者のみ要申込"でお願いします 🙇🏻

_data/time_table.yml

Fukusan64 · 2025-10-12T12:49:03Z

@takusandayooo
状況コロコロしてレビューコメント書き換えちゃったので
ご確認頂いてから対応お願いします。

add: time-tableのページを追加

ea3e8b6

takusandayooo marked this pull request as draft September 9, 2025 06:33

yasulab mentioned this pull request Sep 10, 2025

refactor: タイムテーブル重複検知を CI 上で動かせるテストに移行 #80

Merged

Merge pull request #80 from coderdojo-japan/refactor-time-table-valid…

86e39e9

…ator refactor: タイムテーブル重複検知を CI 上で動かせるテストに移行

yasulab self-requested a review September 10, 2025 06:44

yasulab added 2 commits September 10, 2025 17:04

yasulab mentioned this pull request Sep 10, 2025

refactor: タイムテーブルの計算処理と描画処理を分離し、それぞれの役割を明確化 #81

Merged

yasulab added 3 commits September 10, 2025 19:01

コメントの細かな用語を統一

95dd2f0

chore: 不要なActive Support依存を削除

4c5e3c0

- プラグインから未使用のrequire文を削除 - Gemfileからactivesupport gemを削除 - bundle installで依存関係を元の状態に戻した

yasulab removed their request for review September 10, 2025 10:46

takusandayooo and others added 3 commits September 10, 2025 19:54

Merge pull request #81 from coderdojo-japan/refactor-time-table-with-…

80e7720

…plugin refactor: タイムテーブルの計算処理と描画処理を分離し、それぞれの役割を明確化

色々調整してみた(ナビバーと相性が悪い...)

dc7d66c

fix: タイムテーブルの横スクロールのみ可能に変更

3bf2ce7

- テーブル内部での縦スクロールを無効化 - (他ページ同様の) 縦スクロールに変更

takusandayooo self-assigned this Sep 10, 2025

yasulab mentioned this pull request Sep 10, 2025

fix: タイムテーブルのモバイル表示を改善 #83

Merged

Merge pull request #83 from coderdojo-japan/fix-time-table-mobile-dis…

5f624da

…play fix: タイムテーブルのモバイル表示を改善

mucho613 reviewed Sep 10, 2025

View reviewed changes

_pages/time-table.html Outdated Show resolved Hide resolved

time_table.yml のコンテンツを整理

b71a202

mucho613 reviewed Sep 10, 2025

View reviewed changes

_data/time_table.yml Show resolved Hide resolved

mucho613 reviewed Sep 10, 2025

View reviewed changes

_data/time_table.yml Outdated Show resolved Hide resolved

yasulab mentioned this pull request Sep 10, 2025

タイムテーブル自分なりに調整してみた(ナビバーと相性が悪いかも...) #82

Closed

Fukusan64 reviewed Sep 10, 2025

View reviewed changes

_pages/time-table.html Outdated Show resolved Hide resolved

fix: 日付情報を消去したのと, 縦方向のstickyを消去

847d7ea

takusandayooo marked this pull request as ready for review September 11, 2025 01:40

feat: イベントのリンク対応

4214bbc

fix: リンクがあるイベントがクリックできない問題を修正

ea321c8

takusandayooo requested review from Fukusan64, kp54 and mucho613 September 11, 2025 02:02

Fukusan64 reviewed Sep 11, 2025

View reviewed changes

takusandayooo marked this pull request as draft September 11, 2025 03:51

takusandayooo added 2 commits October 12, 2025 15:20

Merge branch 'main' into add-time-table-page

1906eba

update: タイムテーブルの内容を更新

edc2000

fix: タイムテーブルがうまく表示されない問題を修正

8c49387

takusandayooo marked this pull request as ready for review October 12, 2025 07:33

Fukusan64 self-requested a review October 12, 2025 07:34

Fukusan64 requested changes Oct 12, 2025

View reviewed changes

Uh oh!

タイムテーブルを表示できるようにする #79

Are you sure you want to change the base?

タイムテーブルを表示できるようにする #79

Conversation

takusandayooo commented Sep 9, 2025 • edited by yasulab Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Action List

💻 PC 画面

📱 Mobile 画面

Uh oh!

takusandayooo commented Sep 9, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

kp54 commented Sep 10, 2025

Uh oh!

Uh oh!

takusandayooo commented Sep 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Fukusan64 left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

takusandayooo commented Oct 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

takusandayooo commented Oct 12, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Fukusan64 commented Oct 12, 2025

Uh oh!

Fukusan64 commented Oct 12, 2025

Uh oh!

Fukusan64 left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Fukusan64 Oct 12, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Fukusan64 commented Oct 12, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

takusandayooo commented Sep 9, 2025 •

edited by yasulab

Loading

takusandayooo commented Sep 11, 2025 •

edited

Loading

Fukusan64 left a comment •

edited

Loading

takusandayooo commented Oct 12, 2025 •

edited

Loading

takusandayooo commented Oct 12, 2025 •

edited

Loading

Fukusan64 left a comment •

edited

Loading