MENU CLOSE
inoue

inoue

Front-End Engineer

元魚屋の文系フロントエンドエンジニア。
得意なのはCSSとWordPress。

inoue'S POSTS 1/7 page （1~12 / 73 articles）

shopify
inoue
inoue
TIPS

【Shopify】カートへの遷移を飛ばしてチェックアウトに進むボタンを設置する

  • Shopify
PhotoSwipe v5
inoue
inoue
TIPS

【JS】PhotoSwipe v5を使って画像をポップアップ表示する

  • JS
  • PhotoSwipe
AVIF [ gulpでjpg・pngからAVIF画像を生成 ]
inoue
inoue
TIPS

gulpでjpg・pngからAVIF画像を生成する

  • AVIF
  • gulp
  • WebP
  • WordPress
netlify UPDATE BUILD IMAGE [ビルドイメージの更新]
inoue
inoue
TRY

【netlify】ビルドイメージを更新 [ Ubuntu Xenial 16.04 → Ubuntu Focal 20.04 ]

  • Netlify
  • Nuxt.js
MutationObserverでDOMを監視[PhotoSwipe（v5）+Swiper（v8）連携]
inoue
inoue
TIPS

【JS】MutationObserverでDOMを監視[PhotoSwipe（v5）+Swiper（v8）連携]

  • JS
  • MutationObserver
  • PhotoSwipe
  • Swiper
Google Sheets API スプレッドシートのデータをJSONで取得する
inoue
inoue
TIPS

【Google Sheets API】 スプレッドシートのデータをJSONで取得する

  • API
  • GoogleSpreadSheet
Google Business Profile API [ PHPでクチコミ一覧取得 ]
inoue
inoue
TIPS

【PHP】Google Business Profile APIを使ってクチコミを取得する

  • API
  • Google Business Profile
  • php
screendot screenshot API
inoue
inoue
TRY

スクリーンショットのAPI「screendot」を使ってみた

  • API
  • php
  • WordPress
window.matchMedia hoverを判定
inoue
inoue
TIPS

【window.matchMedia】メディアクエリでhoverが使えるデバイスを判定

  • CSS
  • JS
lax.js
inoue
inoue
TIPS

lax.jsの使い方【スクロール連動アニメーションの実装】

  • JS
  • lax.js
  • パララックス
Dart Sass + Gulp
inoue
inoue
TRY

DartSassがなかなか辛かったのでGulpを修正してみた

  • CSS
  • gulp
  • Sass
Swiper v6 → v7
inoue
inoue
TIPS

Swiper（v7）へのアップグレード対応

  • JS
  • Swiper