unjs/nitro+satori+sharpで動的OGP画像を自動生成する - くらげになりたい。

2023/12/08 6 users unjs SHARP くらげ Nuxt Satori

Nuxtだと、Nuxt SEO Kitのnuxt-og-imageを使えば、 vueコンポーネントとかHMLTをOG画像にできるけど、 unjs/nitroでもできないかなと思い、 いろいろ調べてみたときの備忘録(*´ω｀*) nuxt-og-imageの中をのぞいてみたら、 satoriとsharpを使ってたので、それを参考に実装してみた satori+sharpを使った画像生成 この3つ... 続きを読む

約10万行の規模のフロントエンド環境にTypeScriptをマイグレーションした話 - MicroAd Developers Blog

2022/08/26 12 users TypeScript 川上 フロントエンドエンジニア 結論

お久しぶりです。フロントエンドエンジニアの川上です。 業務では、UNIVERSE Ads のフロントエンド開発、フロントエンドの開発環境改善などを担当しています。 はじめに TypeScriptの導入について 導入にメリットがあると結論を出した理由 ① フロントエンドでテスト駆動様開発が可能になる ② Vueコンポーネント に対して... 続きを読む

Jestを使ったVueコンポーネントのテストを導入した話 - MicroAd Developers Blog

2020/04/27 13 users Jest 川上 フロントエンドエンジニア フロントエンド 業務

はじめまして、フロントエンドエンジニアをしている川上です。 業務では、主にサービス要件に沿ったフロントエンド開発を担当しています。 今回は、私自身初めての経験だったフロントエンドのテスト導入手順や、 導入するにあたって気をつけた点などをお話しできればと思います。 はじめに Vueコンポーネントのテストに... 続きを読む

Nuxt.jsで未利用のVueコンポーネントを探すシェルスクリプト - Qiita

2019/10/08 30 users Qiita シェルスクリプト コンポーネン Files Vue

最近Nuxt.jsでWebアプリを作ってるけど、 度重なる改修でVueコンポーネントが乱立。。 使ってないのもたくさんありそうなので、調べるスクリプトを作ってみた。 スクリプトはこんな感じ #!/bin/bash # vueコンポーネントの一覧を取得 FILES=`find components -name "*.vue"` for i in $FILES; do # 全体からコンポーネン... 続きを読む

Vueコンポーネントのユニットテスト // Speaker Deck

2017/07/07 148 users ユニットテスト Speaker Deck

Speaker Details GitHub: https://github.com/hypermkt Twitter: https://twitter.com/hypermkt Blog: http://blog.hypermkt.jp/ View Speaker Details 続きを読む