シンプルなHTMLベースの天気アプリ、世界の天気をスワイプ&ピンチでアクセス 【増田 @maskin】

• About
• Latest Posts

maskin

Editor In Chief at TechWave.jp

1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。

Latest posts by maskin (see all)

• 「ソラコム」がスイングバイIPOを実現、東証グロース市場上場承認 - 2024-02-22
• （更新）結果速報 LAUNCHPAD SEED#IVS2023 #IVS #IVS @IVS_Official - 2023-03-09
• 「始動 Next Innovator 2022」締め切りは9月5日（月）正午ー経産省・JETRO主催のイノベーター育成プログラム #始動2022 - 2022-09-01

[読了時間: 2分]

　世界中の天気予報をスマホで快適にブラウズできるウェブアプリ「Sun」。


　ウェブブラウザから利用するHTMLベースのアプリで、インストール型のアプリとは違い、気軽に利用できるのが特徴。


　とはいえ世界中の天気を、スマホの画面スワイプやピンチで効率良く操作することができるなど非常に完成度が高い。

　デザインもシンプルで、カラーパターンもカスタマイズできる。天気アプリで好きなものが見つからなかった人は、一度試してみるといいかもしれない。

必要かつ充分、優れた情報デザイン

　「Sun」の良いところは、必要な情報を適切に絞り込んでいるところ。階層構造になっていて、トップビューで表示できるのは4地域になっている。

　表示できる天気は「現在地」と登録した 3地域。トップビューでは計4拠点の天気が表示される。各地域の詳細を知りたい時はタッチもしくはピンチズームを行う。

　これで、地域の天気が表示される。表示されるのは天気と気温と風向き。左右スワイプで各地域にページ切り替えができる。ここで、さらにピンチズームをすることで、地域の詳細情報が表示される。

　ここで大きくグラフ表示されるのは気温の予報。下にスワイプすると、天気予報が表示される。グラフはタッチするとその時点での数値も表示可能。地域トップに戻りたい時は、ピンチアウトする。

　地域を登録 / 変更するのは設定画面から。地域名を入力するだけでOK。摂氏 / 華氏、風速の単位もここで選択できる。地域の色分けパターンなども変更可能だ。

　と、このように、非常にシンプルな構造だが、階層構造を導入した情報デザインにつき、感覚的に操作できるのが気持ちいい。

【関連URL】
・Sun — simple weather app
http://pattern.dk/sun/
・潔よすぎるお天気アプリ「あめふる」が、じわじわ来てる 【増田 @maskin】 #ShootOsaka
http://techwave.jp/archives/51771800.html

蛇足：僕はこう思ったッス
スマホやタブレットにおいてHTML5か、ネイティブアプリかという議論がある。「やれることが限定されないネイティブできまり」という人が増えつつあるが、このような洗練された情報ビューワ的アプリであればむしろウェブアプリのほうが適切にも思える。