knkkknkk

CSS Media Query Builder

  • ダウンロード商品
    ¥ 500

@media クエリを GUI で組み立て・リアルタイムプレビュー付きの Windows デスクトップアプリ。min-width / max-width / orientation / prefers-color-scheme などの条件を選択するだけでクエリが生成され、Tailwind CSS ブレークポイントのプリセットも搭載。現在のウィンドウがクエリにマッチするかリアルタイムで確認できます。 【機能一覧】 ・min-width / max-width / min-height / max-height を px/rem/em 単位で設定 ・orientation / prefers-color-scheme / prefers-reduced-motion / hover に対応 ・複数条件を and で結合、複数グループを , (or) で結合 ・Tailwind sm/md/lg/xl/2xl プリセットをワンクリック入力 ・現在のウィンドウがクエリにマッチするかリアルタイム表示 ・生成した @media クエリをコピー 【動作環境】Windows 10 / 11（64bit）/ Microsoft Edge WebView2 ランタイム必須（Win11は標準搭載） 【販売形態】インストーラー版（CSS Media Query Builder_1.0.0_x64-setup.exe） 【著作権】Copyright © 2026 KOMA 【連絡先】koma.games26@gmail.com

公式サイト

https://example.com/

詳細

GUI で @media クエリを組み立て。Tailwind CSS プリセット付き。現在のウィンドウとのマッチをリアルタイム確認。

動作環境

Windows 10/11（64bit）

アップデート履歴

[2026-07-04: v1.0.0] 初回リリース

「ギフトとして贈る」とは

CSS Media Query Builder
@media クエリを GUI で組み立て・リアルタイムプレビュー付きの Windows デスクトップアプリ。min-width / max-width / orientation / prefers-color-scheme などの条件を選択するだけでクエリが生成され、Tailwind CSS ブレークポイントのプリセットも搭載。現在のウィンドウがクエリにマッチするかリアルタイムで確認できます。 【機能一覧】 ・min-width / max-width / min-height / max-height を px/rem/em 単位で設定 ・orientation / prefers-color-scheme / prefers-reduced-motion / hover に対応 ・複数条件を and で結合、複数グループを , (or) で結合 ・Tailwind sm/md/lg/xl/2xl プリセットをワンクリック入力 ・現在のウィンドウがクエリにマッチするかリアルタイム表示 ・生成した @media クエリをコピー 【動作環境】Windows 10 / 11（64bit）/ Microsoft Edge WebView2 ランタイム必須（Win11は標準搭載） 【販売形態】インストーラー版（CSS Media Query Builder_1.0.0_x64-setup.exe） 【著作権】Copyright © 2026 KOMA 【連絡先】koma.games26@gmail.com