TypeScript– category –
-
【@wordpress/scripts】でオリジナルブロック作成（リッチテキストツールバー、動的CTAリンク）
@wordpress/scriptsとは @wordpress/scriptsは、WordPressのブロックエディタやプラグイン開発のためのビルドツールパッケージです。 React・JSXを使ったモダンなJavaScript開発環境をWordPressプロジェクトに簡単に導入できます！ webpackやBabelなどの複... -
【Next.js TypeScript 】React Swiper カルーセルスライダー実装、スライドが中央寄せにする方法
完成イメージ 手順 Next.js プロジェクトを用意します npx create-next-app@latest my-carousel-app プロジェクトに必要な依存関係をインストール Swiperと必要なアイコンライブラリをインストールします # Swiperのインストール npm install swiper # Fon... -
Next.js + TypeScriptで作る！画像ギャラリー実装（map関数）
完成イメージ このチュートリアルでは、以下のような機能を持つギャラリーを作成します ソースファイル imageGallery.tsx // src/components/imageGallery.tsx 'use client' import { useState } from 'react' import { X, ChevronLeft, C... -
【Next.js】Service Worker を使用してプッシュ通知の実装
Service Worker とは Webアプリケーションのバックグラウンドで動作するスクリプト ブラウザのメインスレッドとは別に動作 オフライン動作が可能 プッシュ通知を受信可能 バックグラウンドで同期処理が可能 プッシュ通知の流れ Service Workerのライフサイ...
1