OGP画像をLambda+Vueで描画する

以下の画像のようにLambda+VueでOGP画像を生成してS3に保存する仕組みを作ったので記録を残します。 これはContentfulというヘッドレスCMSを使用してメディア(セリフデータベース)を作成した際の副産物に … 続きを読む OGP画像をLambda+Vueで描画する

Lighthouseのスコアを改善する 〜JSの依存解消編〜 4日目

LaravelアプリケーションのLighthouseのスコアを改善していく企画の4回目。前回、jsファイルにgzip圧縮を書けることでサイズの削減に成功した。今回も引き続きLighthouseの改善提案を元に修正していく … 続きを読む Lighthouseのスコアを改善する 〜JSの依存解消編〜 4日目

chart.jsのvueラッパー「vue-chartjs」を使ってグラフを書く

個人的に作成しているLaravelアプリケーションで、canvasを使って円グラフを描画しているのですが、ジャギが出て汚いのでvue-chartjsを使った方法に切り替える事にした。 導入方法はサイトを見ていただくとして … 続きを読む chart.jsのvueラッパー「vue-chartjs」を使ってグラフを書く

VueでツイートボタンやFacebookと連携するボタンを作成する

Laravelアプリケーションにvue-social-sharingを使ってシェアボタンを導入します。以下の様なよくあるボタンですね! npmでライブラリをインストールしてコードを書いていく。シェア方法(twitter, … 続きを読む VueでツイートボタンやFacebookと連携するボタンを作成する