UIT INSIDE

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

  • オープニング
    00:00
  • 1. 宮前さん自己紹介
    01:00
  • 2. UIT INSIDE のミニプレイヤー実装
    01:20
  • 3. OGP で動くプレイヤー実装のポイント
    05:25
  • 4. クロージング
    10:40

ep.59 Twitter で再生できる音声プレイヤーの作り方

2020/08/28
543 views
HANATANI Takuma kengo.miyamae

@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秒次へ