くらげになりたい。

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

SVG

Cloud FunctionとSVGでOGP画像生成を試行錯誤したまとめ

Nuxt+Firebaseで開発してるサービスのOGP画像を改善しようと、 いろいろ試してみたときの備忘録。 OGP画像の生成はクライアント側とサーバ側かがあるが、 Firestoreの変更に合わせて生成したいので、 Cloud Function上で利用できる方法を考えてた。 結果的に…

SVGでOGP用のPNG画像を生成してみる(折り返し文字、画像埋め込み、PNG化)

SVGでOGP画像を作りたいなと思い、いろいろ調べたときの備忘録。 SVGはまるのも多いけど、いろいろできるので、 SVGからOGP画像をつくるのいいかもしれない。 とりあえず、SVGを書いてみる ちょろっとなるなら、HTMLでベタ書きしてみるのもいい。 動作確認と…

SVGなFont AwesomeをNuxt+Bulmaで使ってみた

開発しているWebサービスでFont Awesomeのお世話になってる。 ただ、Web Font版を使っていたので、読み込みが遅い。。 SVG版だとアイコンごとにimportできるようなので、 性能改善の一環でやってみたときの備忘録。 インストール まずはnpmでパッケージをイ…