0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Flutterで簡易アプリを作った(動画チャンネルトラッカー)

Last updated at Posted at 2020-05-19

これはなに

flutterを触り始めて、アプリを作ってみようということで簡易アプリを作って公開してみた。その際のメモ。

image.png

主に利用したもの。

  • YouTube RSS
  • amazon api gateway
  • aws lamda
  • youtube search api

わりと前に作って忘れてるので、抜けてるところ思い出したらアプデするかも。

RSS

webfeedを利用。してたんだけど、rss処理するところをlamdaに持っていったので、今回はこれは使わずになった。
https://pub.dev/packages/webfeed

Youtube RSS

youtubeはatom形式なので、その辺りを対応。

Youtube API

APIキーの制限などはこちらを参考にすると良き(sha1の証明書とかetc)
https://cloud.google.com/docs/authentication/api-keys?hl=ja

youtube RSSのサンプル
https://www.youtube.com/feeds/videos.xml?channel_id=UCXjTiSGclQLVVU83GVrRM4w

youtubeのサムネイル画像について。(RssFeedがなぜか、thmubnailだけうまくとれないので、チャンネルIDをリンクに入れ込んでいる。)
最大サイズのサムネリンク

http://img.youtube.com/vi/【動画ID】/maxresdefault.jpg

画像の404対応は、このpubが最高
https://pub.dev/packages/cached_network_image

API Gateway

この辺参考になった。
https://dev.classmethod.jp/articles/getting-start-api-gateway/

ちょい詰まったところなど

onTapで、launchを下記みたいに書いてると、自動でtapされてしまう問題あった。

return ListTile(
 child: Text('aaa'),
 onTap: _launchUrl(val),
);

なので、下記で解決。

return ListTile(
 child: Text('aaa'),
 onTap: () => _launchUrl(val),
);

完成物

めちゃ粗いですが、気になった人は使ってみてください。バグとかあれば連絡ください!(対応できるかわからんですが)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?