UIT INSIDE

LINE UIT室の開発者による「最新のフロントエンド」をキャッチアップできる Podcast

  • HANATANI Takuma
  • kengo.miyamae
2020/08/28 に公開 665 views

このエピソードについて

@potato4d が UIT INSIDE の Twitter 埋め込みプレイヤー対応について、 @kengo-miyamae に話を聞いてみました。

ゲスト紹介

  • kengo.miyamae
    • '20 New Graduate
    • Front-End Dev 6 Team
    • LINE 公式アカウントのフロントエンド開発
    • UIT INSIDE の埋め込みプレイヤーを開発

UIT INSIDE の埋め込みプレイヤー対応

【PR】 UIT INSIDE が Twitter 埋め込みでの再生に対応しました!

Image from Gyazo

Twitter で再生できる Web ページの作り方

実装していてのハマりや学び

  • Twitter の OGP チェッカーで確認する都合上、外部からアクセス可能な状態で開発をする必要がある
    • 今回は ngrok を利用して検証
    • 動作検証では OGP のキャッシュパージにも利用される Card Validator を利用
    • OGP 検証時でも HMR などは動作するため、極端に開発体験が悪いわけではなかった
  • 専用の画面サイズ上での動作となる
10秒前へ 10秒次へ