PhotoshopからStoryboardを作るRepliaがめっちゃ便利な件
-
- いいね！49
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
Photoshop : 30 日間の無償体験版はこちら creative.adobe.com/products/downl…
2015-05-26 10:26:59
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:51PSDファイルを作ったのはアイロンビーズクリエイターのヌンちゃんでした。
👾 ぬん 👾
@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