![](https://notes.sharesl.net/wp-content/uploads/2022/09/avif-768x320.jpg)
gulpでjpg・pngからAVIF画像を生成する
![](https://notes.sharesl.net/wp-content/uploads/2022/09/netlify-update-build-image-768x320.jpg)
【netlify】ビルドイメージを更新 [ Ubuntu Xenial 16.04 → Ubuntu Focal 20.04 ]
![](https://notes.sharesl.net/wp-content/uploads/2022/08/mutationobserver-768x320.jpg)
【JS】MutationObserverでDOMを監視[PhotoSwipe(v5)+Swiper(v8)連携]
![](https://notes.sharesl.net/wp-content/uploads/2022/08/sheets-api-768x320.png)
【Google Sheets API】 スプレッドシートのデータをJSONで取得する
![](https://notes.sharesl.net/wp-content/uploads/2022/06/business-profile-api-1-768x320.png)
【PHP】Google Business Profile APIを使ってクチコミを取得する
![](https://notes.sharesl.net/wp-content/uploads/2022/06/screenshot-api-768x320.png)
スクリーンショットのAPI「screendot」を使ってみた
![](https://notes.sharesl.net/wp-content/uploads/2022/04/window-matchMedia-768x320.png)
【window.matchMedia】メディアクエリでhoverが使えるデバイスを判定
![](https://notes.sharesl.net/wp-content/uploads/2021/12/lax-768x320.png)