Togetter/min.tを安心してお使い頂くためのガイドラインを公開しました。
2015年5月26日

PhotoshopからStoryboardを作るRepliaがめっちゃ便利な件

2015/5/26にリリースされたアプリ「Replia」を触ってみたらめっちゃ便利でした。 http://www.replia.io/
9
hirobe @hirobe

Mac用のiOS開発者向けアプリ「Replia」を本日リリースしました!あわせて株式会社Bunguuという会社を作りました。文房具やツールっぽいアプリを作ります。 replia.io

2015-05-26 10:21:10

スミヒロは酒飲み🍶 @sumihiro

さくっと試してみようかと思ったけど、このマシンにPhotoShopはインストールされていなかったのである。完。 twitter.com/sumihiro/statu…

2015-05-26 10:25:50
スミヒロは酒飲み🍶 @sumihiro

まずは体験版をインストールするところまでやってきた。 pic.twitter.com/JQhG701Hs0

2015-05-26 10:51:27
拡大
スミヒロは酒飲み🍶 @sumihiro

おお?ここからどないしたらええねやろ pic.twitter.com/8qoAMweL6g

2015-05-26 10:54:00
拡大
hirobe @hirobe

@sumihiro Photoshopの環境設定->プラグインからプラグインを有効にして(Photoshopを再起動)すると、選べるようになりますー

2015-05-26 10:57:00
スミヒロは酒飲み🍶 @sumihiro

ほんでもって、読み込んで出力タイプを選ぶと。んで、エクスポート。 pic.twitter.com/fPVTxvH9yg

2015-05-26 11:08:17
拡大
スミヒロは酒飲み🍶 @sumihiro

で、できたプロジェクトファイルを開くとStoryboardがあって、全部埋め込まれてる。それをシミュレータで実行したらこうなった。丸いはずが角ばってたりとおかしいところもあるけど面白いなー pic.twitter.com/1CJvn16eRN

2015-05-26 11:12:14
拡大
スミヒロは酒飲み🍶 @sumihiro

StoryboardのAutoLayoutが使われていなかったので、試しに使うようにしたらレイアウトは合うようになった。サイズは小さいままなのは、そらそうか。 pic.twitter.com/fSTlLBMDIL

2015-05-26 11:19:24
拡大
スミヒロは酒飲み🍶 @sumihiro

エクスポートするタイプを、鳥と猫はカスタムView、太陽と蜂はImageViewにしてみたら綺麗に丸くなった。そして鳥のコードはこんな感じで書いてあった。ごっついなーw pic.twitter.com/OybBEUQb5x

2015-05-26 11:24:19
拡大
スミヒロは酒飲み🍶 @sumihiro

Repliaのファーストインプレッション。 ・すごいなー ・結構細かい制御もできるけど、どう設定すればいいのかもうちょっと分かりやすい説明が最初に欲しいな ・複雑な要素をカスタムViewに閉じ込めてエクスポートできるの便利 replia.io

2015-05-26 11:37:21
スミヒロは酒飲み🍶 @sumihiro

Repliaのファーストインプレッション続き。 ・カスタムViewに閉じ込めておけるので、後からアニメーションを追加したりするのも楽そう。 ・PSD画像のから切り出しをしなくて済むの最高。むしろデザイナーさん必携のツールかも。 replia.io

2015-05-26 11:39:13
スミヒロは酒飲み🍶 @sumihiro

Repliaのファーストインプレッション続きの続き。 ・いや、カスタムViewにするかImageViewにするかはプログラマの側で判断した方がいいか。なので、デザイナさんはPSDそのままくださいお願いしますw replia.io

2015-05-26 11:40:42
スミヒロは酒飲み🍶 @sumihiro

Repliaのファーストインプレッション続きの続きの続き。 ・ただし、デザイナーさんの側でレイヤーの構造をきっちり階層化してもらう必要がある。ここだけ要注意。 replia.io pic.twitter.com/5RXqBjFCTj

2015-05-26 11:42:23
拡大
スミヒロは酒飲み🍶 @sumihiro

総括として、Replia面白い。便利。超楽ちん。買ってよかった。他人にも勧めたい。 まだファーストバージョンなので荒削りなところもあるけど、今後さらに進化していくのに期待できる。 replia.io

2015-05-26 11:44:25
スミヒロは酒飲み🍶 @sumihiro

一つだけ心配なのは、Appleさんって便利な周辺ツールがあると自前で組み込んじゃうから、そうなったら怖いなー(白目 ま、今はこれめっちゃ楽なので使うといいと思う。 以上、そんな感じで。 replia.io

2015-05-26 11:45:51

PSDファイルを作ったのはアイロンビーズクリエイターのヌンちゃんでした。

👾 ヌン 👾 @nun_

イラスト描いたよ🐝☀️🐣🐱 PSDからiOSのソースコードを生成してくれるMacアプリ「Replia」 - ぬんびりぶろぐ smartphoneg.hatenablog.com/entry/macapp-r… pic.twitter.com/4Jdf2lLEdh

2015-05-26 11:44:36
拡大

すでにイラレに移行しちゃってる人も今後に期待?

カマダヨシアキ@META-GLAMOUR @kasydmk

PSDかー、だいぶ前にイラレに変えちゃったからなー。イラレの構造そのままにPSDへドーンみたいなことができれば良いのかな。そんなんできたっけかな。

2015-05-26 11:54:02
カマダヨシアキ@META-GLAMOUR @kasydmk

標準の機能でもそこそこできるっぽいか > Photoshop ファイルを書き出す方法 (Illustrator CC) helpx.adobe.com/jp/illustrator…

2015-05-26 11:54:51
hirobe @hirobe

@kasydmk イラレからPSDへの変換って、いまいち期待したものにならないんですよね。イラレの構造をうまくフォトショのレイヤーにしてくれない。こんど変換するスクリプト作ろうかと考えてます。

2015-05-26 12:03:44
カマダヨシアキ@META-GLAMOUR @kasydmk

@hirobe そうなんですね、、機会を見て今度試してみたいと思いますが、そういうスクリプトがあればさらに素敵ですね、期待!!

2015-05-26 12:07:36

コメント