ImageURL Workbench

imgix 互換メディアライブラリーの画像を加工し、レスポンシブ対応タグ等を生成するウェブアプリです。

ライブデモ

ImageURL Wrokbench: デモ動画で紹介している機能をフルに試すことができます。

主な機能を紹介しているデモ動画です(*1)。

imgix Rendering API Showcase: Rendering API を見た目に極振りで利用したスライドです。

1: 今回の動画では microCMS ライブラリーから画像の URL をコピーしていますが、他の互換ライブラリーの画像でも URL がコピーできれば同様に扱えるはずです。

MIT License

template 1: TypeScript Next.js example MIT

template 2: Material UI Next.js example MIT

Name		Name	Last commit message	Last commit date
Latest commit History 597 Commits
components		components
docs		docs
interfaces		interfaces
pages		pages
scripts		scripts
src		src
utils		utils
.gitignore		.gitignore
.prettierrc		.prettierrc
.vercelignore		.vercelignore
LICENSE		LICENSE
README.md		README.md
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
sandbox.config.json		sandbox.config.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock