「桜咲く佐倉蓋ざんまい」非公式特設サイト
https://sakura-cap.netlify.com/
非・公・式です。(大事なことなので2回言いました)
以前はトーナメント表を上に配置していましたが、内訳、トーナメント表の順番に表示するよう変更しました。
「予選」タブのリーグ戦の組み合わせ表の中に動画があるものだけ下線を引いてリンクを張っています。
初期段階のUIと比べていただくと、今回UIに色々力をいれていることがわかっていただけるかと思います。
今回使用しているのは、react-twitter-embedというReactコンポーネントです。
tweetIdにツイートIDが入るよう記述するとスタイルなどもCSSが用意されています。
<TwitterTweetEmbed tweetId={*******} />
今回はDBやアプリケーションサーバを使わずにnetlifyだけで実装することを目標にしています。
データはjsの中にobjectで埋め込んでいます。
jsonはコメント書けないのが面倒なので。
興味がある方はData.js
を読んでみてください...