html5j Webプラットフォーム部 第15回勉強会 行ってきた | Advent Calendar 2016
メリークリスマス!!無事アドベントカレンダーを埋めれました!
IT系の勉強会行ってきた Advent Calendar 2016 - Adventar の25日目!
言語やフレームワークやテストではなくプロトタイピングツールの話!
Adobe XD
- 現在はβ版、Windows版が最近登場
- 3ステップを1つのアプリで
UIデザイン、プロトタイプ、共有 - プロトタイプモードで簡単に画面遷移をかける
- オープンフォーラムがありそこで新機能の検討をされたりもしてる
- 毎月アップデートで新機能が入ってくるくらい開発が活発
製品版のお値段次第だけどWebやアプリのプロトタイプ作るなら圧倒的な強さがあるやも
Sketch
- macのみ
- プラグインを使うことで機能を追加可能
画面遷移や共有もプラグインを使うことで可能 - 各種プラグインの紹介
Sketch Mirror、CRAFT、Prott、Mirr.io、Framer - Framerを使えば簡単なエフェクトとかをcoffeeScriptで記述可能
Prott
- 100の会議より1つのプロトタイプ
チームにプロトタイピング文化を根付かせたい - スマホのカメラで画面デザインを撮影し取り込む事が可能
ボタン等の範囲を指定して画面遷移がWeb上で設定・共有できる
Origami Studio
- Facebookが発表したプロトタイピングツール。macのみ
- レイヤーベース、作ったコンポーネントを流用、インタラクションとかの設定、プレビュー
- Sketchで作ったものをコピペ可能なのでSketchと組み合わせて使ってる模様
- 単なる画面遷移だけじゃない部分を結構カバーしている
アニメーションをあれこれ指定できるが、プロトタイピングで何をどこまで作るかという問題はある。
ストーリーボード(PowerPoint)
- PowerPointの拡張機能
- SIerならおすすめかも?
今年を振り返って
今年も色んな勉強会に行ったけどもまだまだアウトプット少ないので増やして行きたい。
職場ではフィードバック会のようなものを開催したりしてるので去年よりは増えてるはず。
来年はテレビ見る時間を減らしてクラウドいじったりコードを書く時間を増やしたい!