【おすすめ】Web制作の時短神ツール！Chrome拡張機能「miromiro」の使い方。日本語化の舞台裏も公開！

このサイト良いな…と思った時に

Webサイトを見ていて、「このフォント何？」、「この色使いを参考にしたい！」って時ありますよね？

そんな時に便利なChrome拡張機能はいくつかありますが、今回、あまりの使い勝手の良さに惚れ込み、開発者のSoraia（ソライア）に思わずメールを送ってしまったツールがあります。

なぜ私がそこまで魅了されたのか？

その理由を、主な機能や他ツールとの比較、日本語対応は？そして無料版・Pro版の違いを説明します。

その名も「miromiro（ミロミロ）」。

まずは以下のYouTubeで…

スペイン語で「私は見る」という意味のmiroから名付けたそうです。
が、日本語の「見ろ見ろ！」と同じ意味なのは、もはや日本のWeb制作者のために生まれたように感じてしまいます。

現在、作者とやり取りをして日本語化のサポートを進めています。
近日中に日本中の皆さんがもっと使いやすくなる予定です！

---

他ツールと何が違う？
Web制作を効率化するmiromiroの圧倒的な機能とメリット

似たようなツールは他にもありますが、miromiroが圧倒的に使いやすい理由は、その「抽出範囲の広さ」と「UIの美しさ」です。

画像をダウンロードする拡張機能はよくありますが（それでもダウンロード対策されてると簡単にはできませんが…）、miromiroと比較すると大きな違いがあります。

機能	miromiro	一般的なツール
カラー抽出	◎ (CSSも一発抽出)	△ (色のみ)
フォント	◎ (詳細設定も抽出)	◯
Lottie抽出	◎ (対応)	× (ほぼ非対応)
UIの直感性	◎ (モダン)	△ (普通)

具体的には…

• 全部抜ける：カラーパレット、フォント、画像はもちろん。
• 動く素材も：アイコン、SVG、そして最近の（やっと）広まりつつあるLottieアニメーションまで一気にリストアップします。
• コードをそのまま：CSSをそのままコピーでき、デザインの構造を学ぶのにも最適。
• 直感的な操作：フロントエンドエンジニアである作者が「自分の作業を楽にするため」に作ったツールなので、無駄な動きが一切ありません。

開発者の苦悩：色の抽出は「パズル」

作者のSoraiaに「開発で一番大変だったことは？」と聞いたところ、意外な答えが返ってきました。

私はフロントエンド開発者で、常に美しいフォントやカラーパレットを探しています。これらのアセットを見つけるためにウェブサイトをくまなく探し回るのは、いつも非常に面倒な作業でした。

このこだわりが、私たちがクリック1つで正確な色を取得できる便利さを支えています。

---

拡張機能を入れなくても抽出できる

Chrome拡張機能を入れる前に、どんな情報を得られるのか試せます。

公式サイトにある以下の赤枠部分にURLを入れて、【Extract Tokens】をクリックするだけ。

すると、そのページで使われているカラーパレットやフォント、CSSなどが1クリックでコピーできます。

Google翻訳で日本語表示した状態で実行した様子です。

凄さが分かりますよね？

機能も凄いし、インターフェースが美しく、使いやすく、洗練されてます。

無料版と有料版、どっちがいい？

まずは無料版で十分すぎるほどの恩恵を受けられます。
無料版でも基本的な抽出は行えますし、操作感の良さをすぐ実感できます。

有料版（Pro版）になると：

• プロジェクトごとの保存機能
• さらに高度なエクスポート機能 などが解放されます。より効率を求めるプロ向けという印象です。

有料版も試そうか検討中ですが……

---

日本語対応は？

「私を含め多くの日本人は英語が苦手なんです。だから日本語化してほしい」と伝えたところ、快諾してくれました。
私も日本語化に協力し、開発者のSoraiaが日本語化を進めてくれています。

日本語化されるに越したことはありませんが、Webの要素抽出ツールなので、何が得られるか、どうすれば得られるかはインターフェースの良さもあって大きな不便はありません。

今でも使い勝手は抜群なので、まずは無料版をインストールして、その「見ろ見ろ！」体験を味わってみてください。

Web制作の効率を上げたい方は、日本語版のリリースを待たずに今すぐ触ってみることをおすすめします。その直感的な操作感に、きっと驚くはずです。

miromiroについて3行で

• miromiroはカラー、フォント、Lottieまで一発で抽出できる神ツール。

• 開発者と協力して日本語化を進行中。

• まずは無料版で十分すぎる機能を体験できる。

Chromeウェブストア miromiro

https://chromewebstore.google.com/detail/miromiro/kpmkikjpclolhodgckeogmiiaehpfjhl

---

Q&A