世の中にはこんなに便利なアプリがあったのかと驚きを隠せない霙(@xxmiz0rexx)です。なぜ今まで知らなかったのか！！なんて非効率な日常を送っていたのか！！悔やんでも悔やみきれないです本当に。。

というわけで、今日は存在を知って以来 毎日使ってしまっている超絶神アプリをご紹介させて頂きます:)
スマートフォンサイトやアプリデザインに最適なのでマカーなあなたは是非チェックしてみてください！！

『Skala Preview』とは

Photoshopで開いているキャンバスをスマートフォンでリアルタイムプレビュー出来るアプリです！

今までスマートフォン向けのデザインをする時は、Dropboxにpngを保存し、同期させ、実機で確認していた私。
同期にいちいち時間がかかり かなりストレスだったので、このアプリを知って大歓喜なのでございます♡

公式サイト：Skala Preview, a Mac app by Bjango

『Skala Preview』の設定方法

わりとつまづいたので設定方法を細かくメモしておきます…！

1.MacとiPhone/Androidにアプリをインストール

まずはアプリをインストールしましょう。上からMac、iPhone、Android向けのアプリがインストールできます。(Androidのだけリンクが手抜きなのは内緒)
以前Macアプリの方は有料だったみたいですが、現在(2013.12月)無料でダウンロード可能です！！泣ける！！

Skala Preview 1.6（無料）
カテゴリ: グラフィック&デザイン, 開発ツール
販売元: Marc Edwards – Marc Edwards（サイズ: 6.6 MB）
全てのバージョンの評価: （6件の評価）

Skala View 1.70（無料）
カテゴリ: ユーティリティ, 仕事効率化
販売元: Marc Edwards – Marc Edwards（サイズ: 5.7 MB）
全てのバージョンの評価: 無し（0件の評価）
iPhone/iPadの両方に対応

Android用Skala View

2.Photoshopでリモート接続を許可

まずはPhotoshopから！ちょっとキャプチャをミスってPhotoshop本体が見当たりませんがｗ
上のメニューバーから「編集＞リモート接続」を選択してください。

なんでもいいのでサービス名とパスワードを決め、「リモート接続を有効にする」にチェックを入れましょう。

バージョンはCS5 12.0.4以上が対象だそうです。

3.Skala Previewにリモート先を設定

次はアプリ側の設定です。Skala Previewの歯車アイコンから「Photoshop Settings…」を選択。
先ほどPhotoshop側で設定したサービス名とパスワードを入力してください。

Send:JPEG, then full qualityを選択してOKボタンを押せば設定完了！！

『Skala Preview』の使い方

設定が済んだら、早速つかってみましょう！！使い方は以下の３ステップです！

1.Mac、スマートフォンを同じネットワーク下に置く

まずは両デバイスともWi-Fiをオンにして、同じネットワーク下に置きましょう。

2.スマートフォン側で 接続するMacを選ぶ

アプリの左下にあるモニタアイコンをタップすると、Macの名前が出てくるので選択してください。

No Computers Availableと表示される場合

同じWi-Fiに繋がっているかもう一度確認してみてください。
私はiPhoneが別のWi-Fiに繋がっていたことに気づかず10分くらい格闘してましたｗ

3.Photoshopでファイルを開くと同期される

スマートフォンとMacが連携されたら、あとはPhotoshopでファイルを開くだけ！
アクティブになっているキャンバスがスマートフォンにもうつっているはずです！

ちなみに保存しなくても、何か変更を加える度に同期されます。
たまにリアルタイムプレビューしてくれなくなる時があるんですが、
とりあえず私はアプリを再起動したりして凌いでいます。

さいごに

というわけで、神アプリ『Skala Preview』のご紹介でした:)
めっちゃ効率あがるので是非使ってみてくださいね！

以上、霙でした！