ALL
TIPS
TRY
COLUMN
ARTICLES
Inoueの書いた記事
【WordPress】GA4連携の人気記事ランキング機能を自作プラグイン化してみた
GA4
php
Simple GA Ranking
WordPress
2024.01.17
Inoue
【CSS + JS】テキストの無限ループアニメーション
CSS
JS
2024.01.05
Inoue
【Shopify】カートへの遷移を飛ばしてチェックアウトに進むボタンを設置する
Shopify
2022.12.28
Inoue
【JS】PhotoSwipe v5を使って画像をポップアップ表示する
JS
PhotoSwipe
2022.10.13
Inoue
gulpでjpg・pngからAVIF画像を生成する
AVIF
gulp
WebP
WordPress
2022.09.16
Inoue
【netlify】ビルドイメージを更新 [ Ubuntu Xenial 16.04 → Ubuntu Focal 20.04 ]
Netlify
Nuxt.js
2022.09.09
Inoue
【JS】MutationObserverでDOMを監視[PhotoSwipe（v5）+Swiper（v8）連携]
JS
MutationObserver
PhotoSwipe
Swiper
2022.08.19
Inoue
【Google Sheets API】 スプレッドシートのデータをJSONで取得する
API
GoogleSpreadSheet
2022.08.08
Inoue
【PHP】Google Business Profile APIを使ってクチコミを取得する
API
Google Business Profile
php
2022.06.27
Inoue
スクリーンショットのAPI「screendot」を使ってみた
API
php
WordPress
2022.06.22
Inoue
【window.matchMedia】メディアクエリでhoverが使えるデバイスを判定
CSS
JS
2022.04.13
Inoue
lax.jsの使い方【スクロール連動アニメーションの実装】
JS
lax.js
パララックス
2021.12.13
Inoue
DartSassがなかなか辛かったのでGulpを修正してみた
CSS
gulp
Sass
2021.11.24
Inoue
Swiper（v7）へのアップグレード対応
JS
Swiper
2021.11.16
Inoue
【WordPress】add_rewrite_ruleでリライトルールを追加する
WordPress
2021.10.26
Inoue
PhotoSwipeを使って画像をポップアップ表示する【Swiper（v7）との連携あり】
JS
PhotoSwipe
Swiper
2021.09.27
Inoue
【howler.js】ストリーミング音源からオーディオビジュアライザーを作る
howler.js
JS
svg
2021.07.26
Inoue
【WordPress】Transients APIを使ってデータをキャッシュする方法
Transients API
WordPress
キャッシュ
2021.07.15
Inoue
Simple GA Ranking[ver2.1.6]が表示されないので調べてみた
Simple GA Ranking
WordPress
2021.06.30
Inoue
Flatpickrで日時入力をカレンダー表示にする
Flatpickr
JS
2021.06.07
Inoue
【Sass】@importを@useに置き換えてみる《FLOCSS対応》
Sass
FLOCSS
CSS
2021.06.02
Inoue
コーディング一切不要のStripe Payment Linksで決済機能を試してみる
Stripe
EC
Payment Links
2021.05.31
Inoue
BASEテーマカスタマイズ【実践編】見出しの文言を変更できるようにする
BASEカスタマイズ
BASEデザインマーケット
BASE
2021.05.24
Inoue
BASEテーマカスタマイズ【デザインオプション編】テーマに新しい機能を加える方法
BASEカスタマイズ
BASEデザインマーケット
BASE
2021.05.11
Inoue
BASEテーマカスタマイズ【準備編】カスタマイズに必要な前提知識について
BASEカスタマイズ
BASEデザインマーケット
BASE
2021.05.06
Inoue
【BASE Partners】有料テーマの無償提供特典について
BASEデザインマーケット
BASE
2021.03.29
Inoue
動画をWebページの背景に埋め込む時のテクニック
動画
JS
HTML
2021.03.18
Inoue
BASEオフィシャルパートナーに認定されました
BASEデザインマーケット
BASE
2021.01.13
Inoue
【GAS】スプレッドシートからメールを送信する方法
GAS
2021.01.08
Inoue
【BASEデザインテーマ】よくある質問まとめ
BASEデザインマーケット
BASE
2021.01.07
Inoue
CSSと簡単なJSでできるドロワーメニューの実装方法
JS
CSS
2020.12.10
Inoue
barba.jsを使ったサイトにGistを埋め込む方法
Gist
Barba.js
2020.10.05
Inoue
Gulpを使ってWebP画像を生成する方法【Gulp4】
WebP
gulp
2020.08.04
Inoue
howler.jsを使ってオーディオビジュアライザーを作ってみる
howler.js
svg
JS
2020.07.28
Inoue
howler.jsの使い方[音声ファイルの再生・停止]
howler.js
JS
2020.07.21
Inoue
Nuxt.js + Netlify + WP REST APIでブログサイトをつくってみる②【OGP設定】
Netlify
REST
JS
Nuxt.js
2020.07.07
Inoue
【CSS】object-fitの使い方[IE11対応]
IE11
object-fit
CSS
2020.06.25
Inoue
Nuxt.js + Netlify + WP REST APIでブログサイトをつくってみる①
Netlify
REST
JS
Nuxt.js
2020.06.23
Inoue
Nuxt.js + Netlifyで問い合わせフォームを作る方法【自動返信あり】
Netlify
JS
Nuxt.js
2020.06.05
Inoue
自社サービス「Maskii」の失敗から学ぶ【運用編】
Maskii
2020.06.03
Inoue
SVGを使って斜めやアーチ状の背景をつくってみる
svg
CSS
2020.06.01
Inoue
【BASE】弊社の全テーマが商品説明カスタムAppに対応しました
BASEデザインマーケット
BASE
2020.04.16
Inoue
【WordPress】テーマカスタマイザーを作成する
テーマカスタマイザー
WordPress
2020.04.09
Inoue
自社サービス「Maskii」が終了。失敗から学ぶ【開発編】
Maskii
2020.03.19
Inoue
BASEデザインテーマ第5弾「FITNESS」販売開始！
FITNESS
BASEデザインマーケット
BASE
2020.03.09
Inoue
レスポンシブなドロップダウンメニューをつくる
ドロップダウンメニュー
JS
CSS
2020.02.14
Inoue
「imagesLoaded」を使って画像の読み込みを検知する
imagesLoaded
JS
2020.02.05
Inoue
BASEデザインテーマ第4弾「PREMIUM TOKYO」販売開始！
PREMIUMTOKYO
BASEデザインマーケット
BASE
2020.01.22
Inoue
interact.jsを使ってcanvas上で画像を位置移動させてみる
interact.js
canvas
JS
2020.01.14
Inoue
interact.jsを使ってみる
interact.js
JS
2020.01.10
Inoue
AMP StoriesをWordPressで動的に生成してみる
AMP
WordPress
2019.12.20
Inoue
Lottieを使ってアニメーションを表示させてみる
Lottie
JS
アニメーション
2019.12.16
Inoue
【CSS】position:sticky;で要素を追従させる方法
CSS
2019.12.12
Inoue
BASEデザインテーマ第3弾「MQ」販売開始しました
BASEデザインマーケット
MQ
BASE
2019.11.21
Inoue
【WordPress】Smart Custom Fieldsをコード定義で管理する
Smart Custom Fields
プラグイン
WordPress
2019.11.11
Inoue
lazysizesを使って画像を遅延読み込みする
ページ高速化
JS
2019.11.07
Inoue
【WordPress】Gutenbergでカスタム投稿にタクソノミーが表示されない時
WordPress
Gutenberg
2019.11.06
Inoue
【WordPress】投稿ページをプラグインなしでAMP化してみる
AMP
WordPress
2019.10.31
Inoue
【WordPress】pre_get_postsの使い方
アクションフック
WordPress
2019.10.28
Inoue
【WordPress】wp-cronを止めてサイトのパフォーマンスを改善してみる
WordPress
2019.10.24
Inoue
【WordPress】テーマ作成に使うテンプレートタグを集めました
WP化
WordPress
2019.09.25
Inoue
【WordPress】canonicalタグを出力する関数を作る
SEO
WordPress
2019.09.24
Inoue
Intersection Observerを使って画面内に要素が入ったらアニメーションさせる
JS
2019.09.17
Inoue
普通のレンタルサーバーでできるWebページ高速化
ページ高速化
2019.07.30
Inoue
【WordPress】便利なアクションフック「template_redirect」
アクションフック
WordPress
2019.07.19
Inoue
【BASEテンプレート作成】デザインマーケットで「camera」を販売するまで
BASE
2019.06.28
Inoue
【WordPress】WP REST APIで独自エンドポイントの作り方
REST
Vue.js
WordPress
2019.06.17
Inoue
【WordPress】画像に自動付与されるsrcset属性を削除する
WordPress
2019.06.04
Inoue
WordPressでよく使うプラグイン15選！
WordPress
2019.05.30
Inoue
スライダーといえばSwiper！
Swiper
JS
2019.05.30
Inoue
gulp4 + webpack4でつくるフロント開発環境
gulp
webpack
JS
2019.05.30
Inoue
SVGで手書き風文字アニメーション
anime.js
svg
JS
2019.05.30
Inoue
Rellax.jsを使って簡単パララックス
Rellax.js
JS
2019.05.30
Inoue
barba.js v2で簡単に非同期画面遷移を取り入れてページ高速化！
pjax
JS
Barba.js
2019.05.30
Inoue
notes by SHARESLとは？
2019.05.30
Inoue
![【netlify】ビルドイメージを更新 [ Ubuntu Xenial 16.04 → Ubuntu Focal 20.04 ]](https://notes.sharesl.net/wp-content/uploads/2022/09/netlify-update-build-image-660x440.jpg)
![【JS】MutationObserverでDOMを監視[PhotoSwipe（v5）+Swiper（v8）連携]](https://notes.sharesl.net/wp-content/uploads/2022/08/mutationobserver-660x440.jpg)
![Simple GA Ranking[ver2.1.6]が表示されないので調べてみた](https://notes.sharesl.net/wp-content/uploads/2021/06/simple-ga-ranking-660x440.png)
![howler.jsの使い方[音声ファイルの再生・停止]](https://notes.sharesl.net/wp-content/uploads/2020/07/howler-js-660x440.png)
![【CSS】object-fitの使い方[IE11対応]](https://notes.sharesl.net/wp-content/uploads/2020/06/object-fit-660x440.jpg)
