search
LoginSignup
22

More than 1 year has passed since last update.

posted at

updated at

Organization

iOSとAndroidのアプリ画面を比較できるサイト「consim.」が便利すぎる

はじめに

iOSとAndroidのアプリ画面を比較できるサイト「consim .」が便利すぎる!と思ったので紹介します。
Apple MusicやTwitter、Slackといった有名なアプリのiOSとAndroidのアプリ画面が大量に登録されているので、観るだけでもUIの勉強になると思います。
(Apple Musicアプリだけで、iOS 50枚Android 48枚のアプリ画面が登録されていました。)

また、iOSとAndroidの画面を左右に分けて表示することもできるので、iOS/Androidどちらかの画面だけ見てみたい、といった方にも有用なサイトだと思います。

THE GUILDの小玉 千陽さんが個人で作成されているサイトみたいです。すごい!!

「consim.」の使い方

とてもシンプルでわかりやすいサイトですが、簡単に説明していきます。

アプリ毎の詳細な比較画像を表示する

consim.のTOPページで、アプリ名、アプリアイコン、アプリ画面の画像のいずれかをクリックすることで、アプリ毎の詳細な比較画面を表示することができます。
このページでは右側のSegmentedControl?1によって、以下のように表示を切り替えることができます。
名称未設定2.png

iOSとAndroidの画面を交互に表示

スクリーンショット 2020-08-27 12.32.00.png
アプリ画面の画像をクリックすることで、アプリ画面毎iOSとAndroidの画面を比較表示できます。
スクリーンショット 2020-08-28 9.53.33.png

iOSとAndroidの画面を左右に分けて表示

スクリーンショット 2020-08-27 12.32.03.png
アプリ画面の画像をクリックすることで、アプリ画面毎iOSまたはAndroidの画面を表示できます。
スクリーンショット 2020-08-28 9.59.03.png

App Store と Play Store 画像を表示

下にスクロールしていくと、App StorePlay Store の画像を確認することができます。
(アプリによっては、Related Appsが表示されるものもありました。)
スクリーンショット 2020-08-27 12.32.21.png

アプリのApp Store/Play Storeを表示する

各アプリに表示されているApple/AndroidアイコンApp Store/Play Storeへのリンクとなっています。
こちらをクリックすることでApp Store/Play Storeを表示することができます。
ちなみに、数字は画像を採取した際のアプリバージョンのようでした。(確認したわけではないので、推測です。)

名称未設定.png

登録されているアプリ

現時点(2020/08/28)でかなりの数が登録されています。
メジャーなアプリはある程度揃っているかなと思いました。

あとがき

今後は投稿できる機能も追加されるようなので、ますます内容が充実していきそうでとても楽しみなサービスです。
「consim.」で取り上げてもらえるようなアプリを作るぞー!!

参考情報


  1. 正しいコントロール名がわからなかったので、知ってる人教えてください :raised_hand:  

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
22