Netlifyで社内向けPodcastを作った話タンバリン大阪オフィスでエンジニアアルバイトをしている平井です。いう名前で不定期に社内向けのラジオを収録しています。提案を頂いたので、インターン生(僕を含めて3人)でチーム開発をしました。クリックすると以下のように日付で絞り込みができますこの操作は再生を途切れさせることなく行うことができます。playerを参考にオーディオプレイヤーは制作しました。セクションにて実装内容をお話します)この他にもYouTubeを参考にしたショートカットキーバインド対応や、スマホ対応などもしています以上ざっくりとしたpodcastの紹介でした。技術的な話はじめに技術選定周辺のお話です。いう観点からNuxt.jsを採用しています。Nuxt.jsの中では素のHTML、CSS、JSを用いています。TypeScriptは当時のチームの技術レベルや、今後インターン生向けのタスクにすることを考えて導入は見送りました(開発段階に移行してからは一部使用していますが、vueコンポーネント自体は素のJSで書いています)また、最初はbootstrapを使用してスタイルをつける流れがあったのですが結構重くなりそうだったので素のCSSを書いてスタイルを作成しています。テスティングにはJestを使用したユニットテストと一部スナップショットテストを行っています。途中からの導入という形でテストを書き始めたため、まだ実装に不完全な部分が残っていたり状態の変化が複雑でテストが書きにくいといったり課題山積みなので今後に期待という感じです...lintにはeslintを使用しています。rules自作なのではっきり言って結構つらい感じになってきています。Driveに置いています。開発当初はGitHub上で管理していましたが、収録を重ねていくうちにGitHubでのリポジトリ容量制限に到達することを避けるために音源のみ外部で管理する方向に変更しました。APIとしてラジオの情報とともに管理しています。一部ディレクトリを追加して処理をまとめています。成形<template>内で表示という順で進んでいます。ラジオのアイテム表示部分アイテムをクリックするとプレイヤーが開き、再生が始まります。