インスト不要：アプリストアにある有名アプリのUIを見れる「Mobbin」とは？

こんにちは。 IDEAVALUで2度目の記事となります。 この記事は自分のnoteアカウント（@tiic_official）でも発信しています。 今回のIDEAVALU記事は、日本から海外のアプリのUIが検索出来る、デザイナーやプログラマーに取っては絶対的必要みたいな存在のサービス、Mobbinについてご紹介します！ まず、あなたはこんな悩みを経験したことはありませんか？ ”タブを切り替えまくるのが面倒” ”Pinterestでは特定のアプリのUIが少ない” おそらくデベロッパーは必ず経験していると思います。 僕自身もあのアプリのUI見たいと思ったけど、いちいちインストールするのが勿体ないなどという理由で、結局HTML・CSSそのまま感があるUIになったという過去があります。 ですが、まさに特定のアプリのUIが並んであって、スクロールしながら眺め続けられるのがMobbinです！ このMobbinというサービスは🇸🇬シンガポールのソフトウェア企業が提供していて、簡単に言うとアプリUI版Pinterestのような感じです。 目次 Mobbinの使い方 注意点 凄いところ --------------------------------------- Mobbinの使い方 Mobbinを開き、無料登録またはログインする 検索欄に探したい画面や機能を英語で入力する login：ログイン画面 settings：設定画面 profile：プロフィール画面 checkout：決済画面 onboarding：初回利用案内 search：検索画面 検索結果を、画面（Screens）・UI要素（UI Elements）・操作の流れ（Flows）などで絞り込む 気になる画面を開き、レイアウト、ボタン配置、文言、色使いなどを確認する 参考にしたい画面をコレクションに保存する 必要に応じて画像をダウンロードしたり、Figmaへコピーしたりする 注意点 Mobbinそのもののアプリはありません。あくまでブラウザで動きます。 著作権を意識する。 無料プランでは制限がきついです。 --------------------------------------- 凄いところ まず、基本他アプリのUIを見る時は、Pinterestで見るかWebアプリで見るかのどっちかでした。 しかも、OSにインストールする型のアプリの場合、わざわざインストールしないと見れません。 PinterestやWeb検索で見れても、基本静止画です。 ですがMobbinは、動いているUI画面や参考になりそうなベストスポットが収録してあります。 特に個人開発者さんにとっては超有能ではないでしょうか。 僕もブラウザで複数のサイトのタブを開きまくって、ページを巡回しながらUIを見ていました。 それをMobbinは、スクロールしながら色々なアプリのUIを一括で見ることが出来ます。 …という感じですね。 是非皆さんもMobbinを使ってみて、お気に入りのUIがあったらブックマーク登録なども出来るので、きっと個人開発者さんにとっては便利なツールになると思います！