46
もももももももももももも Nkzn roid Bazzar & Conference 2010 Spring

ABC 2010 Spring

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: ABC 2010 Spring

もうやだこのデザイン環境@ Nkzn

Android Bazzar & Conference 2010 Spring

Page 2: ABC 2010 Spring

Nkzn という男 Nkzn / なかざん (Twitter, はてな共通 ) 新潟でサラリーマンプログラマやってます 3月まで某クルーで学生アルバイト 卒業研究が Android だったり

Page 3: ABC 2010 Spring
Page 4: ABC 2010 Spring

さて、世の中は、今

Page 5: ABC 2010 Spring

     / ̄ ̄\.     . /    _ ノ  ヽ    |    ( ● ) (●)    |      ( __ 人 __ )  ∫    |      `⌒ ´  ∬ ノ.    ヽ          } |  ̄ |       ヽ     ノ  | _ | )__ __ /      ー┘ イ || |    /    /       _ __ /| |   /    /        || |  (    ̄ ̄ ̄⌒ヽ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ |

スマートフォン戦国時代だろ常識的に考えて・・・

Page 6: ABC 2010 Spring

国内3大勢力の最新状況 iPhone 4 / iOS 4

マルチタスク 人の目を超えたディスプレイ

Android 2.2 JIT コンパイラによる高速化 テザリング Update All

Windows Phone 7 Metro UI Silverlight アプリ& XBox アプリがそのまま動く (!?) 日本では年内は無理かも…… orz

Page 7: ABC 2010 Spring

国内3大勢力の最新状況 iPhone 4 / iOS 4

マルチタスク 人の目を超えたディスプレイ

Android 2.2 JIT コンパイラによる高速化 テザリング Update All

Windows Phone 7 Metro UI Silverlight アプリ& XBox アプリがそのまま動く (!?) 日本では年内は無理かも…… orz

Windows Phone 7

iPhone 4

Android 2.2

Page 8: ABC 2010 Spring

Windows Phone 7

iPhone 4

Android 2.2

一見、いい勝負ができそうなラインナップですが・・・

Page 9: ABC 2010 Spring

Android にだけ足りないものがあるんです。

Page 10: ABC 2010 Spring

それが、

Page 11: ABC 2010 Spring

デザイン環境

Page 12: ABC 2010 Spring

iPhone/iPad の場合

Page 13: ABC 2010 Spring

iPhone/iPad の場合

Interface Builder

Xcode

Page 14: ABC 2010 Spring

Windows Phone 7 の場合

Page 15: ABC 2010 Spring

Windows Phone 7 の場合

Microsoft®

Visual Studio™

Page 16: ABC 2010 Spring

One More Thing.

Page 17: ABC 2010 Spring

完全分業

Microsoft Showcase: Expression Blend 4 for Windows Phone

Page 18: ABC 2010 Spring

完全分業

Microsoft® Expression

Blend™

Page 19: ABC 2010 Spring

完全分業

開発環境 - Microsoft Silverlight

Page 20: ABC 2010 Spring

いやー、みんな ( 主に M$) すごいね

Page 21: ABC 2010 Spring

え、 Android の場合?

Page 22: ABC 2010 Spring

Android の場合

Page 23: ABC 2010 Spring

もとい

Page 24: ABC 2010 Spring

ご覧の有様だよ!!

Page 25: ABC 2010 Spring

ご覧の有様だよ!!

Page 26: ABC 2010 Spring

ご覧の有様だよ!!

Page 27: ABC 2010 Spring

ぶっちゃけ プログラマか Web デザイナーな人じゃな

いと結構しんどい。 むしろプログラマでもしんどい。

XML 開くだけで Eclipse の動作が重くなる。 こんなんやってられっか! と思いつつこれしか方法がない。

Page 28: ABC 2010 Spring

デザイナーさんたちの参入障壁になってないか、コレ

Page 29: ABC 2010 Spring

どげんかせんといかん DroidDraw とかいうのがあるらしい……

Page 30: ABC 2010 Spring

ちょっと使ってみた

Page 31: ABC 2010 Spring

DroidDraw

Java で動いてるので Windows でも Macでも Linux でもブラウザ (applet) でも動くよ!

でも anim 系のタグ置けないし…… イチイチ apk ファイルをエミュに転送し

たり、 XML をコピペしないといけんし……

Widget を D&D しても狙った位置に落ちない

出力される XML が汚い(←気にしすぎ

Page 32: ABC 2010 Spring

愚痴ってても仕方ないので

Page 33: ABC 2010 Spring

スーパー妄想タイム〜あんなこといいな、できたらいいな〜

Page 34: ABC 2010 Spring

スーパー妄想タイム 基本的には DroidDraw 的なモノ

D&D で Layout とか Widget を配置していく プロパティ (<button android:text=“hoge”>) に

適切な値を選択・入力できるように誘導してくれる Animation 設定ができる

画面遷移も表現できる Eclipse のプロジェクトフォルダを読み込んで

編集できる ( 画面遷移とかに ) 必要な Java コードの自動生成 エミュレータ組み込んで実機に近いテスト環境 画面⇔ XML の編集内容が即時反映

Page 35: ABC 2010 Spring

まあ、要は

Page 36: ABC 2010 Spring

まあ、要は

連動

エミュ XML

D&D

Wid

get

プロパティ

Page 37: ABC 2010 Spring

ついでに

画面1 画面2

画面3

画面4

Page 38: ABC 2010 Spring

こんなツールが

あったら便利なのにねえ

Page 39: ABC 2010 Spring

今後の予定 企画

このスライドで全部出し切った 製作予定

ナシ(勇気が足りない) 他力本願

無限大∞ いっしょに作ってくださる方はTwitter で @Nkzn までご連絡くだ

さい。

Page 40: ABC 2010 Spring

番外編 Adobe AIR for mobile というのがあるら

しい Droidで動いたりしてた 要は Flash デザイン畑の方々には嬉しい環境? もちろんクロスプラットフォーム ( ただし

iPh(ry

これはこれでアリだと思います。

Page 41: ABC 2010 Spring

まとめ Eclipse の Android プラグインに付いてる

レイアウト XML エディタはもう嫌だ! Visual Studio 2010 で

Android 開発したいです (´ ・ ω ・` )← GUI で画面遷移の記述したいです (´ ・ ω ・` )

Page 42: ABC 2010 Spring

注意事項

このスライドはフィクションです。実在のソフトウェア・企画などとは一切関係ありません。

Page 43: ABC 2010 Spring

ご清聴ありがとうございました。

スライド置き場:http://j.mp/nkznslides

Page 44: ABC 2010 Spring

おまけ

Page 45: ABC 2010 Spring

「お近くに地方支部がなければ 作ったらいいと思います。」

Page 46: ABC 2010 Spring

日本 Android の会新潟支部

立ち上げます!