f:id:daiiz:20150319102402p:plain

miilClientを入手

下記のリンク先からアプリを入手し、Chromeにインストールできます。是非お試しください！

MiilClient - Chrome Web Store

すでにご利用いただいている方は、自動でアップデートされますので、しばらくお待ちください。

Big Change!

miilClient v0.3.1 ではアプリデザインの大きなチェンジを行いました。アプリには下記の機能が搭載されています。

自分がミイルに投稿した写真を一覧
ミイルが用意している「ジャンル」に投稿された写真を一覧
お気に入り写真を登録・一覧
写真をクリックしてミイルのページに移動
大きなサイズで写真を表示
写真とともに投稿時のテキストを表示
公式ミイルブログ、miilClientリリースブログへのリンクを表示（起動時初画面）
隠し機能

使い方

画面上部の各ボタンの名称

左側から

ユーザーボタン
ジャンルボタン
お気に入り登録ボタン
設定ボタン

写真の続きを読み込む方法

今回のバージョンでは、スクロール終了時の自動読み込み機能が廃止されました。写真の続きを読み込むには、画面右下にある赤色の丸ボタンを押してください。続きを読み込むことができるときには「矢印ボタン」:

となり、読み込みの途中時は「ロード中ボタン」:

となります。

自分がミイルに投稿した写真を一覧

これまでのバージョンとほぼ変わりありません。「ユーザー」ボタンをクリックします。ミイルのユーザー名アプリに設定するには、「設定」ボタンから「マイデータ」メニューをクリックします。

「ジャンル」に投稿された写真を一覧

これまでのバージョンと同じです。「ジャンル」ボタンをクリックするとジャンれ選択のパネルが表示されます。パネルの先頭に表示される「お気に入りすべて」をクリックするとお気に入りに登録された写真が一覧表示されます。

お気に入り写真を登録

「お気に入り登録」ボタンをクリックすると登録用のパネルが表示されます。ここにミイルの写真ページのURLを貼り付けて登録できます。

写真表示に関する設定

「設定」ボタンから「設定」メニューをクリックすると以下のようなパネルが開きます。

チェックボックのON／OFFを切り替えることで機能を有効化／無効化できます。

少し技術的なこと

miilClient v0.3.1では開発面でも以下のようなBig changeを行いました。ソースコードはGitHubで公開しています。

マテリアルデザイン

マテリアルデザインの設計を心がけました。

写真を表示するストリームの刷新

写真とともにテキストを表示することができる最新のカスタムエレメント<griddle-cards>を使用しています。また、写真の最適な大きさを自動で決定するためにget-flexible-width.jsを採用しました。

Web Componentへのこだわり

アプリ画面に配置されているボタン類やフォトスストリームはもちろんカスタムエレメントです。カスタムエレメントとしてコンポーネント化することは様々な場面で再利用性が向上するので素晴らしいことです。こう考えれば、アプリ自身もコンポーネントになるべきだと思えてきます。

miilClient v0.3.1ではついにこれを実現することができました。HTMLタグ<miil-client></miil-client>を書くだけで、アプリ画面のUIと機能がまるごと提供されるのです。これはGitHubで公開している index.html の<body>タグ内をご覧いただくと分かりやすいと思います。