くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

個人開発報告: 月例振り返り&開発予定 (2021年6月)

6月の振り返りと実績値の公開、今月の開発予定です(´ω`) 前回はこちら(´ω`) www.memory-lovers.blog やったこと スプレッドシートのAPI化サービス開発中 スプレッドシートのAPI化サービスを少しずつ 新しいサービスを開発中。 ちょっとしたサービスを作り…

Firebase Hostingで複数サイトをデプロイする

1つのFirebaseプロジェクトで複数のサイトをデプロイできるようなので、 試してみたときの備忘録。 公式ドキュメントではこのあたり。 ・複数のサイトでプロジェクトのリソースを共有する | Firebase 同じFirebaseプロジェクトなので、AuthやFirestoreの情報…

NuxtでLottieを組み込む方法

アニメーションライブラリのLottieを使ってみたときの備忘録。 フリーで使えるアニメーションはLottieFilesで公開されてる。 インストール $ npm i lottie-web 表示用のコンポーネントの準備 表示するコンポーネント(LottieView)の用意。 マウントされたらlo…

JPEGをWebPに変換できるcwebp

WebPの公式ページにあるとおり、変換ツールが公開されているらしい。 使い方 # インストール $ brew install webp # jgpからwebpへの変換: エンコード $ cwebp example.jpg -o example.webp # webpからjpgへの変換: デコード $ dwebp example.webp -o exampl…

Node.jsで時間/メモリ/CPU使用率の計測

Node.jsで動かしてるコードの高速化/軽量化をしたいなと思ったけど、 どうやって計測すればいいんだろ?と思ったので、調べたときの備忘録。 時間計測 console.time()かperformance.now()で計測するのが良さそう Console.time() - Web API | MDN performance…

GitHub Actionsでデプロイの成功/失敗をSlackに通知する

GitHub Actions、便利で最近自動でプロイするのに使ってるけど、 失敗時のみメール通知なので、デプロイ成功したかを見にいかないといけない。。 Slackでうまくできないかなと思ってたら、便利なライブラリがあるらしい。 ・rtCamp/action-slack-notify: Git…

StripeのFirebase Extensionsを使ってみた - その5 運用前に読んだほうが良いドキュメント編 -

前回の続き。いよいよ最終回。 www.memory-lovers.blog とりあえず、使えるようになってきたので、 公開前に読んだほうがいいドキュメントをまとめてみた。 Stripeの製品 と、その前に、 なんとなく使っていたけど、Stripeの各製品をおさらい。 ・Stripeのす…

ストリーミング動画形式(HLS/m3u8)をMacでさくっと開く方法

HLS

Macでm3u8ファイルをサクッと開く方法がないかなと調べてみたら、 openコマンドとQuickTime Playerを使えばよいらしい。 open -a 'QuickTime Player' 'https://example.com/file.m3u8' 便利(´ω`) 以上!! 参考にしたサイト様 mac で手っ取り早くm3u8を再生す…

【Android】NetworkInfo.StateとNetworkInfo.DetailedStateとSupplicantStateの関係

AndroidでWifiの状態を知りたいなーと思ったら、いろいろなStateがあるらしい。。 対応関係がわからないな...と思ったので調べてみたときの備忘録。 対応関係はこんな感じ。SupplicantStateだと、 NetworkInfo.StateのCONNECTEDとSUSPENDEDに当たるものがな…

StripeのFirebase Extensionsを使ってみた - その4 Nuxtアプリで試してみる編 -

前回の続き。 www.memory-lovers.blog とりあえず、なんとなくの動きがわかったので、 もう少しコードを書いて試してみる。 試してみたサンプルのソースコードはこちら。 ・memory-lovers/example-stripe-extensions サンプルでできること 簡単なサンプルな…