限定公開でまとめを作れば、相互フォローやフォロワー限定でまとめを共有できます!

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

2015/5/26にリリースされたアプリ「Replia」を触ってみたらめっちゃ便利でした。 http://www.replia.io/
アプリ開発 プログラミング Photoshop iOS
7441view 1コメント
9
hirobe @hirobe
Mac用のiOS開発者向けアプリ「Replia」を本日リリースしました!あわせて株式会社Bunguuという会社を作りました。文房具やツールっぽいアプリを作ります。 replia.io

ヤバいスミヒロ @sumihiro
さくっと試してみようかと思ったけど、このマシンにPhotoShopはインストールされていなかったのである。完。 twitter.com/sumihiro/statu…
ヤバいスミヒロ @sumihiro
まずは体験版をインストールするところまでやってきた。 pic.twitter.com/JQhG701Hs0
 拡大
ヤバいスミヒロ @sumihiro
おお?ここからどないしたらええねやろ pic.twitter.com/8qoAMweL6g
 拡大
hirobe @hirobe
@sumihiro Photoshopの環境設定->プラグインからプラグインを有効にして(Photoshopを再起動)すると、選べるようになりますー
ヤバいスミヒロ @sumihiro
ほんでもって、読み込んで出力タイプを選ぶと。んで、エクスポート。 pic.twitter.com/fPVTxvH9yg
 拡大
ヤバいスミヒロ @sumihiro
で、できたプロジェクトファイルを開くとStoryboardがあって、全部埋め込まれてる。それをシミュレータで実行したらこうなった。丸いはずが角ばってたりとおかしいところもあるけど面白いなー pic.twitter.com/1CJvn16eRN
 拡大
ヤバいスミヒロ @sumihiro
StoryboardのAutoLayoutが使われていなかったので、試しに使うようにしたらレイアウトは合うようになった。サイズは小さいままなのは、そらそうか。 pic.twitter.com/fSTlLBMDIL
 拡大
ヤバいスミヒロ @sumihiro
エクスポートするタイプを、鳥と猫はカスタムView、太陽と蜂はImageViewにしてみたら綺麗に丸くなった。そして鳥のコードはこんな感じで書いてあった。ごっついなーw pic.twitter.com/OybBEUQb5x
 拡大
ヤバいスミヒロ @sumihiro
Repliaのファーストインプレッション。 ・すごいなー ・結構細かい制御もできるけど、どう設定すればいいのかもうちょっと分かりやすい説明が最初に欲しいな ・複雑な要素をカスタムViewに閉じ込めてエクスポートできるの便利 replia.io
ヤバいスミヒロ @sumihiro
Repliaのファーストインプレッション続き。 ・カスタムViewに閉じ込めておけるので、後からアニメーションを追加したりするのも楽そう。 ・PSD画像のから切り出しをしなくて済むの最高。むしろデザイナーさん必携のツールかも。 replia.io
ヤバいスミヒロ @sumihiro
Repliaのファーストインプレッション続きの続き。 ・いや、カスタムViewにするかImageViewにするかはプログラマの側で判断した方がいいか。なので、デザイナさんはPSDそのままくださいお願いしますw replia.io
ヤバいスミヒロ @sumihiro
Repliaのファーストインプレッション続きの続きの続き。 ・ただし、デザイナーさんの側でレイヤーの構造をきっちり階層化してもらう必要がある。ここだけ要注意。 replia.io pic.twitter.com/5RXqBjFCTj
 拡大
ヤバいスミヒロ @sumihiro
総括として、Replia面白い。便利。超楽ちん。買ってよかった。他人にも勧めたい。 まだファーストバージョンなので荒削りなところもあるけど、今後さらに進化していくのに期待できる。 replia.io
ヤバいスミヒロ @sumihiro
一つだけ心配なのは、Appleさんって便利な周辺ツールがあると自前で組み込んじゃうから、そうなったら怖いなー(白目 ま、今はこれめっちゃ楽なので使うといいと思う。 以上、そんな感じで。 replia.io

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

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

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

カマダヨシアキ@META-GLAMOUR @kasydmk
PSDかー、だいぶ前にイラレに変えちゃったからなー。イラレの構造そのままにPSDへドーンみたいなことができれば良いのかな。そんなんできたっけかな。
カマダヨシアキ@META-GLAMOUR @kasydmk
標準の機能でもそこそこできるっぽいか > Photoshop ファイルを書き出す方法 (Illustrator CC) helpx.adobe.com/jp/illustrator…
hirobe @hirobe
@kasydmk イラレからPSDへの変換って、いまいち期待したものにならないんですよね。イラレの構造をうまくフォトショのレイヤーにしてくれない。こんど変換するスクリプト作ろうかと考えてます。
カマダヨシアキ@META-GLAMOUR @kasydmk
@hirobe そうなんですね、、機会を見て今度試してみたいと思いますが、そういうスクリプトがあればさらに素敵ですね、期待!!
ログインして広告を非表示にする
ログインして広告を非表示にする