Android Layout 勉強会＠蒲郡（愛知）～やんざむUI祭り

やんざむUI祭りと題して、Android女子部主催の「Android Layout 勉強会」を2011/4/9（土）愛知県蒲郡市にある「生命の海科学館」にて開催しました。

講師はAndroid女子部副部長のあんざいゆきさん！Androidの勉強会なのに、javaのコードは一切書かず、xmlだけで、レイアウトを徹底的にカスタマイズ！

ほとんどつぶやく暇すらないガチの勉強会でした。関東・関西からも参加していただきありがとうございました。

あんざいさんに、事前に用意していただいたサンプルをひたすらカスタマイズしていきました。カラーパレットのKulerを利用してベースの色を決めたり、グラデーションカラーを作ったりと、デベロッパーさんには新鮮な体験だったかと思います。

勉強会会場が海のすぐ近くなので、ネット環境がなかなかうまく確保できず。Ustreamは録画になりましたが、低画質の音声だけLiveでお届けしました。

資料

Android Layout 勉強会＠蒲郡（愛知） - yanzm's page
https://sites.google.com/site/yukianzm/Home/yanzm_ui_event

Ustream
part 1　http://www.ustream.tv/recorded/13876341
part 2　http://www.ustream.tv/recorded/13877287
part 3　http://www.ustream.tv/recorded/13878154
低画質1 http://www.ustream.tv/recorded/13869954
低画質2 http://www.ustream.tv/recorded/13872014

カラーパレットのKulerは普段から当たり前のように使用してますが、Androidアプリで「Color Pal」というのがあって、私はこれもよく利用してます。

最後に、今回の勉強会開催にあたり、協力してくださった、「Android 名古屋 つくる部」＆「日本Androidの会 東海支部」へお礼申し上げます。

★資料補足（Twitterより）

• Ctrl-Shift-CでXMLのコメントをつけたり外したり。（@androidzaurus）
• @ と ? の違い。 / 7.2 リソースへのアクセス - ソフトウェア技術ドキュメントを勝手に翻訳（@amay077）
• http://j.mp/f1twna でAndroid標準のstyles.xmlhttp://j.mp/fpwikW を探検しながらデザインを変更できる定義を探すなど（@gabu）
• 資料の誤植： res/values/horizontal_line.xml では無く、res/drawable/horizontal_line.xml かな（@sunflat）
• 昨日の補足をブログに書きました。 SRC_ATOP 以外の PorterDuff mode を attribute 指定で使う方法も書いてます。 Y.A.M の 雑記帳: Android　ColorFilter を使う - http://goo.gl/UUrIT （@yanzm）

名古屋Androidお茶会レポート

2011年3月5日。頻繁に開催される東京のAndroid系女子イベントを指をくわえて眺めるだけの私達に、とうとう決行の日が来たのです。・・・東海地方初の女子部イベントとあって力が入ってますが、普通にゆるゆる女子会してきましたよ！話しのネタはもちろんAndroid。

写真は名古屋嬢の代表ナナちゃん。春なので初々しい制服姿です。ナナちゃんのパンツが何色だったかは名古屋に来て自分で確かめてください。

ホスト役は、Android女子部のひろみとじゅんこ（私）。漫才コンビではありません。お茶会のナビゲーターです。ひろみさんはandroid使いの驚異の2歳児、愛娘Sちゃんも引き連れての参加。そしてゲストのみなさんは、
・Galaxy Sを買って間もないWebデザイナーのAさん
・IS03歴2ヶ月。使うのも作るのも興味あり、開発系のRさん。
・夫婦でarc予約済み、小学生の双子と一緒に参加のKさん
・次に買い替えるならスマホと決めてはいるもののどうしよう？のMさん
・同じく今から買い替え派。ココロはiPhone。でもandroidの話しも聞きたいIさん
・情報系のお仕事で同僚から色々スマホ講義を受けててどれにするか迷っているKさん

大人8人子ども3人の総勢11人。わいわいがやがや楽しいひとときを過ごしました。

場所は名古屋の養老軒。名古屋駅からちょっと歩いたところにある隠れ家のようなお店。ここは知る人ぞ知る老舗の和菓子屋で、ういろうやかき氷が有名です。話がはずんで3時間以上もいてしまい、ちょっと恐縮でした。皆さん名古屋にお越しの際はぜひぜひこちらでお茶してくださいね。

予想通り話題に上がったのがiPhoneかAndroidか、ということ。多数派の意見をひと言でまとめると「softbankの電話がもっとつながるなら絶対iPhone」(´・ω・`) ショボーン

＜iPhone＞
・電話がつながらない
・使いやすい
・おしゃれ

＜Android＞
・使いにくい
・おしゃれじゃない

という意見多数。AさんのGalaxy Sについては皆いいね、と言っていたことから、やはり、角が丸っこくて薄い、というのが女子に受けるのでは。カクカクしたのはいただけません。CMの影響も大きいです。嵐がススメてくれるならAndroid！とか。

情報系のお仕事をされているKさんが一番気にされていたことは、セキュリティのこと。アプリを購入するのにカード番号入れたり、ネットバンキングしたり、家のパソコンと同じ使い方ができるのがスマートフォンの魅力と思うけど、本当に大丈夫？ウィルスに対しても甘いのでは？ということでした。大丈夫！とはもちろん言えませんが、自宅のPCにしろ、セキュリティ対策は必要なわけで、それと同じように気を付けて使っていくしかないのでは、ということしか言えませんでした。スマートフォンのセキュリティに関してはこれからもっと世の中で話題になってくるんでしょうね。

そんなこんなであっという間に3時間がたちました。
参加された方々には「お店では一度に色々触ることができないし、どこをどう触っていいのかもわからないので、とっても良かった」「気軽に質問できて良かった」と言っていただけました。

スマートフォン率のまだまだ低い東海地方ですが、これからもAndroidで盛り上がっていきますよー！

Developers Summit 2011 に出演しましたよ。

最初のきっかけはもりひめさんが「雅叙園」の漢字の読み方がわからず
「じょじょえん？」といってMLでみなさまから「がじょえん！！」とツッコミを受けたところです。
それは12月の中旬のことでした。

そして、何度かの打ち合わせとバトルとなにかを経て・・・


2011/2/18 at 目黒雅叙園

Developers Summit 2011に出演してきました。
出演メンバーは女子部の中でも「ガチで怖い」とおそれられているこの4人。
（ ）は喋った内容です。肩書きは筆者が適当にイメージでつけてます。悪意はありません。

・デコのモグタソ
（女子部の紹介とお茶会やるよー★）
・デバイスのひろみ
（女子部内で集めたアンケートの結果）
・インテントのやんざむ
（具体的な実装方法）
・透過率100％のもりひめ
（まとめと「チェックシート」の案内）

デブサミにはUstもあったらしいですが、会員制？なのかわからないですが
一般には公開されてない様子です。

というわけなのでかいつまんで内容を書きます。

【ざっくり内容】
Androidが流行となった今、アプリに求められる「輝き」。
それらを生み出すために「最低限のルール」を女子部内で勝手に考案。
アンケートに寄せられた
「アイコン配色がお通夜」などの強烈な声とともに
「ACTION_SENDは必須！」という具体的な案を紹介。

最後に次世代アプリ作成ガイドラインを配布・・・するはずが
印刷が間に合わず断念。

以上です。

スライドは公開されています
（注：23:25現在、未公開。そのうちアップされます）
http://www.slideshare.net/event/developers-summit-2011


そして、セッションの最後に公開された
チェックシートはこちらからDLできます→　PDFファイル

セッション内で話しましたが
「ルール」を提唱して女子部内でどうこうという権限はありません。
「ルール」は各個人で持って、
自分の中のルールと競合させ、良いものを生み出してくださいという意味で作成しました。

アプリ作成の快適ライフを女子部一同で応援します。



また、
やんざむ先生の本がもうじき発売となります。一人五冊がノルマですので
みなさま、こぞって購入して下さい。

Android Layout Cookbook アプリの価値を高める開発テクニック


最後に
登壇の機会をくださった翔泳社のみなさま、ありがとうございました。
アンケートに答えてくださったみなさま、ありがとうございました。
当日お越しいただいたみなさま、ありがとうございました。

スピーカーのみなさま、おつかれさまでした。


最後の最後に・・・
透過率100％のレポーターさんがばたばたしていて写真なるものをとり忘れました。
文章だけで雰囲気がつたわるとうれしいです。目黒雅叙園は焼き肉屋さんではありませんでした。

Wit（NTT系,Softbank,KDDIの女子会）をジャックしてきたよ

@hiroii です。
1月19日に行われたWit(※１)第４回定例会のテーマ「Androidの魅力と可能性に触れる」
で女子部のメンバー中心にワークショップを行ってきました。
Witはじまって以来の人数で懇談会では第２回もとのお話が出た程大盛況でした。
LTを@lycheeさんと@tunakko_さんにお願いしました。
お二人とも的確＆丁寧で大変素晴らしかったです。

場所：　富士見区民館　2階洋室A　（千代田区飯田橋）
テーマ：　「Androidの魅力と可能性に触れる」
ゲスト：　日本アンドロイドの会女子部　WSNの会のメンバー　助っ人くごーさん ermine
プログラム：
19:00-19:05　WITから日本Androidの会ゲスト紹介
19:05-19:10　hiroii ごあいさつ http://bit.ly/fPBqOI
19:15-19:30　lychee Androidの面白さ http://slidesha.re/dUbNRl   
19:30-19:45　tunakko_ スマートフォンを女子目線で使った時の楽しさ
20:00-20:45 合同ワークショップ
21:05-23:00 懇親会 @素材屋　飯田橋店

※１「Wit －Women in IT industry－」は、通信企業（NTTグループ、KDDIグループ、
ソフトバンクグループ等）で働く女性有志の集まりです。

DJモグタソのオールナイト★ヒャッハー（108）続きのウェブNo.2

続きのウェブパート２です。パート１はこちら

かえるぴょこぴょこみぴょこぴょこあわせてぴょこっぴょこむぴょヒャッハー にお住まいのラジオネーム 東京特許許可ヒャッハー さんからの質問

「車上荒らしに遭って端末なくなったので新しく設定しなおしたらアプリの設定がことごとく消失してて涙目。そこにいる人々にぜひそういう時のためにもネット上に設定をバックアップしておくよう言ってほしいです。

ということらしいので、よいこのみんな！バックアップはこまめにしようね！！というか、携帯を車に置きっぱなしにすると危ないよ！

歌舞伎座 にお住まいのラジオネーム AB蔵 さんからの質問

「テキーラより美味しいAndroidアプリを教えてください

示談ドロイドという灰皿にテキーラを注ぐアプリがあるといいのですが、あいにくまだないようです。

香川県 にお住まいのラジオネーム うどんじょのわたし さんからの質問

「andronjoには、androidの携帯端末を何台もっていれば、なれるのでしょうか？

一台あれば十分ですよー。あと必要なのはAndroid愛ですね！

東京都泪橋(なみだばし) にお住まいのラジオネーム えがのすけ さんからの質問

「モグダソさんこんばんは。いつも楽しく聴いてます。ヒャッハーの由来や歴史を知りたいです。たとえば、煩悩の数と関係あったりするのでしょうか。Android と関係なくてごめんなさい。どうか教えて下さい。

ヒャッハーは北斗の拳に出てくるモヒカンの歓喜の叫びから来てます。「水は無限だー！！」ってやつですね。北斗の拳サイコー！

本郷三丁目に勤務 にお住まいのラジオネーム 黄色系猫 さんからの質問

「あの超癒され系アプリ"ヒャッハー"では、高度な乱数処理を行っていると聞いています。
超許され系アプリ"ヒャッハー"では、メルセンヌ・ツイスタを使っているのでしょうか？それとも品質に拘り、擬似乱数ではなく各種センサーからの雑音を収集し真の乱数を使っているのでしょうか？
教えてください！よろしくお願いします。

ウッホウホホホ、ウホ、ウッホウッホウッホホホホーイ！ウホ、ウホホ、ウッホホホホ。ウッホホウホ、ウッホホーイ。

東京都泪橋(なみだばし) にお住まいのラジオネーム えがのすけ さんからの質問

「モグタソさんこんばんは、いつも楽しく聴いています。ところで、去年の年賀状がたくさん余っていて困っています。モグタソさんは余った年賀状をどうしていますか？モグタソさんへのおハガキに年賀状の残りを使ってもいいでしょうか。失礼にあたりそうで、使うのを控えてしまいます。もし年賀状で出せたら、もっとたくさん出せるので嬉しいです。
では、寒いですがお体や喉に気をつけて下さいね。

懸賞などに使うと良いと思います。あとは12年待てば干支的な意味で年賀状として再利用やすいかもしれませんんね！名案！もちろんDJモグタソへ使ってもOKです。エコな人は好感度アップですよ！ちなみにうちでは松前漬けにしてます。

東京の片隅 にお住まいのラジオネーム 和尚 さんからの質問

「android持ったらモテモテになる！って聞いたんですけどht03aじゃ駄目ですか？(´・ω・`)

大丈夫ですよ！！※ただしイケメンに限る

東京都泪橋(なみだばし) にお住まいのラジオネーム えがのすけ さんからの質問

「モグタソさんこんばんは、モグタソさんの声が聴けるこの時間をいつも楽しみにしています。
Androidのバージョンの名前になじめず困ってます。どうやらお菓子の名前みたいなんですけど、「じんじゃーぶれっど」とか「はにかむ」とか、それ何よ？食べたことも見たこともないわって感じで、ぜんぜんわけがわからなくて覚えられないし、、
モグタソさんお願いです。私にも覚えられるような、かわいい名前をつけてもらえませんか？

「仁丹」と「埴輪」でいいんじゃないですかね？かわいい！ちょうかわいい！仁丹だとJじゃん！ってなら「銀杏」とか。ちょうかわいい！

スパムを食べてバイキングになろう委員会 にお住まいのラジオネーム 刺身に載せるタンポポ栽培見習いA さんからの質問

「android端末のバッテリ情報には温度情報が含まれています。要らなくなった端末を負荷を掛けずに電源入れっぱにしとけば遠隔気温センサにできるんじゃね？という誰得な思い付きが降りてきました。力強く「そんなんarduinoでやれや」とツッコんでください。お願いします。

そんなんarduinoでやれやぁぁぁぁぁぁああああああああああ！！！！！！！（でいいのかな？かな？）

DJモグタソのオールナイト★ヒャッハー（108）#1

続きのウェブです。時間の都合で取り上げられなかったおハガキへの回答もあるよ！

ウホウホウホホーイ にお住まいのラジオネーム ゴリラ さんからの質問
「ウホホホ、ウホホホウホホ、ウッホホホホーイ、ウホ？」

なるほど、そんな時は偶然のふりをしてショップに行ってみるといいんじゃないかな？気持ちが伝われば哺乳類同士だから何とかなるよ！頑張ってね☆

次元のはざま にお住まいのラジオネーム 迷えるこひつじ さんからの質問
「合コンでAndroidを出す勇気がありません。背中をおしてくだしあ！」

あー、番号とかアドレス交換的な意味合いですかね？とりあえずQRコードだけ作っておけばなんとかなると思うよ！そんで「えーなにそれめんどくさーい」みたいな空気になったらその子は脈ないからやめとえばいいと思うよ！最近出てきた国産Androidには赤外線搭載されてるからいいかも！たとえばSHARP製のAndroid端末とか。あとTwiccaの名刺交換機能を使えばTwitterのフォローはしやすいよ。これはBluetooth通信だよ。

あおもりけんひろさきし にお住まいのラジオネーム たかまるくん さんからの質問
「かれしが旅行先でもバリバリ開発してあまり構ってくれず困ってます。解決方法と対処方法を教えてください（ちなみにわたしはiPhoneユーザーです）

うーん、これはちょっとさみしいですねえ。とりあえず、旅先で開発してる時に「ねえねえ、これってなーに？」「わあー！すごい！これどーやってやるの？」「へえー、そんなことできるんだー」とか、覗き込んではやたらめったら話しかけてみてはどうでしょう？そのうち「ッガーーーーーーーーーッ！！」って言ってPCを閉じてくれると思います。

神戸市立六甲山牧場 にお住まいのラジオネーム ひつじ嫁 さんからの質問
「夫がAndroid？にハマっていて困っています。海外からも輸入しているようで最近は「Nexus Sが欲しいメェ」と寝言を言い出しました。どうすればよいでしょうか？

実際、キャバクラにハマるよりも安くてよっぽど有益かと思うので、こっそり買って枕元に置いておくと夫婦円満に暮らせると思いますメェ。そのうえで寝言は寝て言え。とおしえてあげましょう。

愛知県 にお住まいのラジオネーム もう、うどんしか愛せない さんからの質問
「DJモグタソへ 合コンでモテるAndroidアプリを教えてください。

そうですね、これはもうズバリ「ヒャッハー」ですね。(ｷﾘｯ　・・・ごめんなさい、たぶんウソです。マジレスするとあんまり小難しくないアプリの方がウケると思うので、PhotoFuniaとかおすすめですね。写真がぴったりハマった時の破壊力はハンパないですｗあとはAngryBirdsとかを「えー、うまくいかなーい！><」「ほら、こうやってこれくらい引っ張ってさ、(手が触れる)・・あっ、ごめん///」「あ、うん、もっかい・・教えて？///」とかね！とかね！！！ｗｗｗねーよ！ねーよ！ｗｗｗｗ　でもまあ、そーゆー単純でワイワイできるアプリがいいと思いますよ。

徳島県徳島市 にお住まいのラジオネーム すだち姫 さんからの質問
「新しい端末が発売される記事を見ると時々気を失ってしまうのですがどうしたらよいでしょうか。ほんの一瞬なのですが取り返しのつかないことをしてそうで恐ろしいです。

ああ、それは「新端末発売時記憶障害」という病気の一種ですね。ちょっとマウスをカチカチッとしてしまったり、ショップに予約の電話を入れてるくらいだと思いますよ。ちょっと預金の残高が減っていますが問題ありません。

海の家れもん にお住まいのラジオネーム イカ娘 さんからの質問
「端末を8台も持ってて、全部持ち歩くと1kgぐらいになるので、最近肩こりがひどいです。かといって持ち歩かないと不安で仕方ないです。どうしたらいいでしょうか。

持ち歩く台数を15ぐらいに増やしてみると8台に戻した時に軽く感じるようになりますよ。自分を騙しましょう。

ヒャッハリン星 にお住まいのラジオネーム 今年の干支はモグタソ さんからの質問
「ヒャッハーというアプリが無料で公開されてますが、ヒャッハーなだけに￥108でいいんじゃないかとおもうのですが、無料だからいれてみました。どうですか？

昔からタダより高い物は無い、と言ったもので、有料にすると「この野郎、役に立たねえじゃねえか！」って文句が言えるものの、無料であることで文句すらつけられない、という心理戦に持ち込んでるのです。作者さんは狡猾ですね、なかなか。

神奈川県ウィキペディア市 にお住まいのラジオネーム ジミーウェールズから緊急のお願いです さんからの質問
「iPhoneとAndroidってどう違うの？と合コンの時よく女の子に訊かれます。かっこ良く答える方法を是非教えて下さい！

えと、これは比較的真面目に答えますが、一番分かってもらいやすかったのがパソコンで言うWindowsとMacで例える感じですねー。「MacはAppleからしか出てないでしょ？でもWindowsが入ってるPCって色んなメーカーから出てるじゃん？で、やれXPだVistaだ7だって中のバージョンが違うじゃん？iPhoneとAndroidもそーゆー感じなわけよ、、、」ってとこから説明に入るとなんとなく分かってもらえる率が高いですよ。ガンダムとかに例えるとさらに分からなくなるのでやめましょう。ひゅー！！！あるいは「OSが違うんだよ。え？OSって何って？しょうがないなあ、教えてやるから俺のうち来いよ」というのもオススメ。

ABC2011 winter 「Webサイトの スマホ対応Tips」資料公開

Android Bazaar and Conference にご参加のみなさま

女子部つながりでデザイントラックに登壇した、部長の矢野です。
発表資料を公開します。
発表者名は以下です。
矢野りん（パンダ）高橋純（うさぎ）山本麻美（トラ）
資料はこちらです。

Webサイトの スマホ対応Tips

2011年はスマートフォン対応のサイト制作案件が次第に増えてきます。
本資料にあるようなリダイレクトと表示サイズのFIX処理の２つの基本を押さえておけば、無理なく制作には対応可能です。
講演では触れませんでしたが
・JSをつかったPCなみのインタラクション（トランジションを伴う画面描画）
・画像をたくさん配置して１ページあたりのデータ容量が非常に大きいページ
・必要あって表示幅サイズを固定したレイアウトのviewport設定
は、とくにAndroid端末の場合端末やAndroidのバージョンの違いにより結果が大きく異なります（レスポンスやレンダリング速度も含めて）。
OSのばらつきがつねにあるスマートフォンの場合、20年前のウェブページのようにテキストを中心とした単純な構成を検討することが、現状では望ましいです。
だた、今後企業などの情報保持側は、データベース上のコンテンツ構成そのものを多デバイス向けに最適化しはじめるでしょう。スマホだけを視野に入れたTipsは、つなぎの知恵かもしれません。とはいってもスマートフォン案件の準備をすれば将来の様子をより具体的に描けます。変換期を楽しみましょう。