Upgrade to Pro — share decks privately, control downloads, hide ads and more …

PSD.rbでiPhoneアプリ開発のギョームをカイゼンしたい(仮)

 PSD.rbでiPhoneアプリ開発のギョームをカイゼンしたい(仮)

TokyuRubyKaigi07発表資料

4e59ed159ecf71ef3981cfb65a62617e?s=128

Tatsuya Touma

February 17, 2016
Tweet

Transcript

  1. PSD.RB でIPHONE アプリ開発のギョ ー ムをカイゼンしたい( 仮) @kei_q #tqrk07

  2. 近況 IPHONE アプリ開発

  3. UI デザイン デザイナー さんがPHOTOSHOP で作 成

  4. Q. デザインをアプリ に反映させるには?

  5. デザイン指示書

  6. つらみ 書き漏らし 指示デー タが画像 PSD の中身を手動dump その他いろいろ

  7. ある日のこと P : ( あれ、 ここのデザイン指示がないぞ……) P : (D のところへ行き)

    ちょっと確認したいんですが、 今大丈夫ですか? D : どうしました? P : 指示書のここの文字、 フォントが書いてないんです が D : ああすいません、 それはxxx ですね。 大きさはxx で す P : 了解です。
  8. ある日のこと P : ( あれ、 ここのデザイン指示がないぞ……) P : (D のところへ行き)

    ちょっと確認したいんですが、 今大丈夫ですか? D : どうしました? P : 指示書のここの文字、 色が書いてないんですが D : ああすいません、 それは#xxxxxx ですね。 P : 了解です。
  9. つらみ ( イメー ジ) 書き漏らし コー ドレビュー でインデントとか空白とかを何度も 指摘されるあの感じ PSD

    の中身を手動dump 運用でカバー みたいな 指示デー タが画像 excel ドキュメント
  10. ( あかん)

  11. なんとかしたい

  12. PSD.RB ※ PSD : Photoshop のファイル形式

  13. PSD.RB のABOUT より: PSD.rb is a general purpose Photoshop file

    parser written in Ruby. It allows you to work with a Photoshop document in a manageable tree structure and find out important data such as:
  14. Document structure Document size Layer/folder size + positioning Layer/folder names

    Layer/folder visibility and opacity Font data (via psd-enginedata) Text area contents Font names Font sizes Color mode and bit-depth Vector mask data Flattened image data
  15. None
  16. None
  17. None
  18. これがあれば ( 理想) D : デザインにもっと時間がさけ る! P : デザインの反映が楽に!

  19. 他のツー ルと連携すると……( 理 想)

  20. デザイン自動反映 PIXATE やCLASSY など

  21. 切り出した画像を自動 反映 CUT & SLICE ME など

  22. しかし現実は厳しい

  23. PSD.RB でIPHONE アプリ開発のギョ ー ムをカイゼンしたい ( 未完)

  24. 完 @KEI_Q