「気がついたらYoutubeを観て1日が終わってた撲滅システム」進捗報告＃03

6月20日（日）です！　あと18日です！
6月23日（水）からプロトアウトスタジオの講師・メンターの方々でクラウドファンディングページの内部レビューをするということでそれをターゲットに修正していきます。

字幕ファイルのテキストのみ化成功

昨日Youtubeから抜き出せたファイルは人間が読むには余計な情報が入っているので、シンプルなテキストにすることに成功しました。

やっとYoutubeが自動生成した日本語字幕の抜き出しに成功！　午前中一杯かかったのでおなかすいた…#protoout #駆け出しエンジニアと繋がりたい #プログラミング初心者 #エンジニアと繋がりたい #プログラミング仲間募集 pic.twitter.com/fQayGwZ9UE

— ShinsukeSutou＠クラファン発表まであと19日！ (@ShinsukeSutou) June 19, 2021

昨日Youtubeから抜き出せたvttファイルをテキストに変換することに成功しました！（npmから「vtt-to-text」というのを探し出して実行しました）#朝活 #protoout #駆け出しエンジニアと繋がりたい #プログラミング初心者 #エンジニアと繋がりたい #プログラミング仲間募集 pic.twitter.com/WyvZtXxoZm

— ShinsukeSutou＠クラファン発表まであと18日！ (@ShinsukeSutou) June 20, 2021

さきほどのvtt→txtのノウハウを記事にまとめました。

Youtube字幕ファイル（.vtt形式）からテキストだけを抜き出す。 https://t.co/TgjLevpYuC#Qiita #protoout #駆け出しエンジニアと繋がりたい #プログラミング初心者 #エンジニアと繋がりたい #プログラミング仲間募集 #javascript

— ShinsukeSutou＠クラファン発表まであと18日！ (@ShinsukeSutou) June 20, 2021

字幕ダウンロード用ツールのオプション等を更に調査

URLにハイフンがあると字幕ファイルがダウンロードできない問題を発見。あとで解決します。公式のQAにあってもよさそうな事象の気がするのでまずはそのあたりかしら。

youtube-dlについてあれこれ実践しました！ URLにハイフンが含まれるとダウンロードできない問題を見つけてまだ解決できてません(´・ω・｀)https://t.co/YtNlctfDC5#protoout #駆け出しエンジニアと繋がりたい #プログラミング初心者 #エンジニアと繋がりたい #プログラミング仲間募集 #javascript

— ShinsukeSutou＠クラファン発表まであと18日！ (@ShinsukeSutou) June 20, 2021

フロント部分の作成のためのサンプル探し

これは別記事に下書き中ですが、GoogleでYoutube検索サイトを見てみましたが真似したい！というものが見つからず。あとでCodePenも探してみます。

noteのクリエイターページのヘッダ画像変更

Twitterのヘッダページを変えた勢いでnoteのほうも変更しよう、と思ったのですが、noteはURL引用されたときと、noteで見たときで見える場所が変わるのがめんどくさい…

勘でやったらちょっと見きれるの図↓

今日のまとめ

6月23日（水）の内部レビューに向けて見栄えとなるフロントを優先して作ろう、と思っていたはずなのについバックエンドのほうを優先してしまいました。。。そちらはそちらで進んだので良いのですが、フロントはフロントでがんばらねば。

#最近の学び
#プログラミング
#ライフハック
#クラウドファンディング
#ガジェット