responsively-org/responsively-app

これは何？

主な機能

• 01クリックや入力などの操作を、すべてのデバイスプレビューに同期します。
• 0230種類以上のデバイスプロファイルを標準搭載し、カスタムデバイスの追加にも対応します。
• 03すべてのプレビューで使える要素インスペクターを備えています。
• 04ワンクリックで全デバイスのスクリーンショットを一度に撮影できます。
• 05開発サーバーのホットリロードに対応しています。
• 06AIコーディングエージェントからアプリを操作できるMCPサーバーを搭載しています。

ユースケース

• フロントエンド開発中に、スマートフォン、タブレット、デスクトップでWebサイトのレイアウトがどう表示されるかを確認する。
• リリース前に、デバイスごとのスクリーンショットでレスポンシブデザインを確認する。
• AIコーディングエージェントにページを読み込ませ、レスポンシブレイアウトを視覚的に検証する。

クイックスタート

1. 1

   Homebrewを使ってmacOSにインストール

   brew install --cask responsively
2. 2

   Chocolateyを使ってWindowsにインストール

   choco install responsively
3. 3

   または、responsively.appまたはリリースページからアプリをダウンロード

使う前に知っておきたいこと

• !デスクトップアプリのみ。Mac、Windows、Linux向けのインストーラーがあります。
• !AGPL-3.0ライセンスで提供されています。強いコピーレフトライセンスのため、変更したソースコードの公開が必要です。

トピック

よくある質問

responsively-app とは？

多くのデバイスのプレビューを同時に表示し、操作を同期できる、AIエージェント向けMCPサーバー搭載のElectronベースのデスクトップブラウザー。 Responsively Appは、レスポンシブWeb開発向けに作られたElectronベースのデスクトップブラウザーです。複数のデバイスのビューポートでサイトを横並びに表示するため、ツールを切り替えずに、さまざまな画面サイズでレイアウトがどう表示されるかを確認できます。

responsively-app は無料で使えますか？ライセンスは？

responsively-app は AGPL-3.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

responsively-app は今もメンテナンスされていますか？

活発にメンテナンス中。responsively-app の最終コミットは 2026年10月3日 です。

responsively-app は何に使えますか？

フロントエンド開発中に、スマートフォン、タブレット、デスクトップでWebサイトのレイアウトがどう表示されるかを確認する。 リリース前に、デバイスごとのスクリーンショットでレスポンシブデザインを確認する。 AIコーディングエージェントにページを読み込ませ、レスポンシブレイアウトを視覚的に検証する。

responsively-app のインストール方法は？

Homebrewを使ってmacOSにインストール: brew install --cask responsively Chocolateyを使ってWindowsにインストール: choco install responsively または、responsively.appまたはリリースページからアプリをダウンロード

responsively-app はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/responsively-org/responsively-app