第14回Android勉強会in札幌に行ってきたよ！


7/7 の Android 勉強会 in 札幌に出てきました！
基本的に Android 4.x 系だったー！
（途中まで書いてた記事消えた・・・！？ショック！）

Android 4 系は 2 系と比べて見た目とか大分よさげだなぁ。。。

あんざいゆきさん

  • Y.A.M の雑記帳
  • 北海道出身の方らしい
  • （Ubuntu や！わーい！）
  • 本だしてます！（書名書いたけど消えた・・・！！）
  • Android2.x系まではデフォルトのテーマがださかった
  • 最近はプラットフォームごとのガイドに乗っ取ってアプリを作るのが主流になってきてるよー
  • 評価をあげるにはデフォルトのテーマにしてみるのオヌヌメ！
説明しながら一緒に実装していくタイプのハンズオンだった！
結構ついていくのハードやでー

2, 背景をカスタマイズする

  • （あんざいさんの話からこの辺までの記録消えた・・・）
  • フォトショ高いので gimp 使おうず！
    • Gimp いいよねー
  • ベクター画像には linkscape ってのがあるよ！
    • へー！へー！

3, ActionBar をカスタマイズする

  • （ようやく追いつけるようになってきた！）
  • おお、ヘッダーの色が変わった！
    • あんまりアプリ中での色をたくさん使うと田舎っぽい感じになるよw
    • でも、白黒はイマイチ
    • 灰色をうまく使うといいよー
    • センスがないなら色を１色＋無彩色を使うといいよ！
    • （ベースカラー的なー？）
  • グラデーションつけるとかっこいいよ
    • でも、ざらざらした画像の場合はグラデーションはいらないよ
    • Do you know HSV
    • 色相を変えたグラデーションはやめてちょ
      • 昔のOfficeの文字装飾とかであったようなださい感じになるよ
      • kuler 使うといいよー
        • （確かえにしテックカフェで @mayuco さんもおすすめしてた！）
      • ほのかなグラデーションの方がきれいでよかよ
      • （グラデーションできた！）
  • 文字の色変えるぜ！
    • 4.0 からは太字はあまり使われなくなりました
    • （できた！）
  • アイコン表示しないぜー
    • 2.x はタイトルが左端ぴったりでださかった
    • 3.x からはちょっと間が開くようになったのでよかったなぁ
    • （できたー）

4. 全体のテキストの色を変える

  • デフォルトの文字の色は真っ黒じゃない！
    • コントラストは押さえた方がオシャレ
    • けばけばしくしたいならコントラストをあげるといいのです
  • 文字サイズの話、 TextAppearance.* が・・・えーと
    • （文字の種類ごとに文字の色が決まっている？）
    • （できたー、上の理解であっているっぽい！へぇー！！）
  • ここまで全くJavaを触っていない！
    • デザイナーさんがこのあたりを知っていてくれるといいよねー
 休憩！

5. スクロールバーのスタイルを変える

  • あんまり見かけないけど、やっていると"おっ"って感じ
  • （作るファイル多い！ひー）
  • （ここだけ colors.xml のサンプルがない。。。おおぅ。）
  • （スクリーンが読めない。。。キー値はわかるけど、色がどうなっているかわからないぞ。。。）

6. Button をカスタマイズする

  • 今はボタンの上に半透明の青い表示が重なるような形になったよ
  • button style で定義するよ
  • background と text の色を指定することができる
  • 押したとき、フォーカスがあたった状態でボタンがかわるようなデザインにするといいですよ
  • 2.x 系はボタンを押したときに文字の色も変えてたけど、4.x 系では文字色は変えない方がよかー
  • LayerList で Shape を重ねるよ
    • Selector は状態ごとの画像の使い分けのためのものですよ
    • padding を入れると直る（何の話だっけ・・・意識飛んでた）
    • CheckBox を Shape でごりごりやるのは難しい（結構凝ってるらしい）
      • リソースが photoshop 形式で配布されているので、それで色相とか変えた方がよいぜよ

7. Action Item をタップしたときの色を変える

  • Action Bar 部分のカスタマイズは結構細かく分かれている
    • android:selectableItemBackground を使うとまとめて設定できるよー
  • （Action Item は右上の部分のようだ）

8. Action Item の文字色を変える

  • （ここはさっくりだった！）

質問コーナー

  • １時間くらい余ったので質問コーナー
  • （追っていくのに必死で何も質問できんわー。。。無念）
  • 2.x 系での ActionBar
    • ActionBarSherlock っていうライブラリがあるよ
    • あとは自分で実装してしまうのも手
    • Instagram For ???? は自前実装らしい
    • Four Square も近いらしい。ライブラリがあるのかなぁ？
  • GridLayout の話
    • あんまり使われていないらしい
    • 同じことをしようとしたときに 既存の LinearLayout などの組み合わせで実現すると遅い→GridLayout使おうぜ
    • 2.x 系でもサポートライブラリが配布されたよ
    • ・・・でも意図通りに設定するのは難しいんだぜ！
    • TableLayout とどう違うの
      • （GridLayout のがちょっと融通が効く・・・的な？）
（休憩時）間が余ったので別の話

開発者受けのデザインの話

ANDROID LAYOUT 3分クッキング
  • カスタマイズのポイント
    • 余白
    • 分類
    • 繰り返し
    • コントラスト
    • （ノンデザイナーズデザインブックおすすめですよ！w）
  • ノンデザイナーズデザインブックは一般的なものだけど、スマフォ開発であんざいさんが気をつけてるのが上の4つ
  • 余白
    • 詰まっていて、情報が多いとユーザーはどこをみればいいのかわからない
    • まずは padding を 8 〜 16dp くらいいれるといいよ
    • 48 dp を単位としてデザインするのがガイドされている（7 〜 10mmくらい）
    • 迷ったら4 or 8 の倍数でデザインするといいよ！
    • padding はタッチ領域に入るよ、margin は入らないよ
    • タッチできる要素だったらタッチできる領域を広くするため padding の使用がおすすめ
  • 分類
    • 似た者同士をまとめましょう、そうでないものが離しましょう
    • （ノンデザイナーズデザインブックのそれと同じだね）
    • リズムが生まれると、統一感が生まれる、心地よいのだわー
    • 最近の流行はメニューがウィーンって縦に出てくるやつ（なぐどろわー？名前聞き取れなかった・・・）
    • 多機能なSNSだとメニューが3つくらいにしぼれないときにいいぜー
    • web デザイン的なものをスマホでどう実装するかというので出てきた？
  • 色
    • アイコンと象徴的な色はあわせた方がよか
  • フォント
    • webフォントとか実は使えるよー
    • 日本語フォントはあんまりないよねー、でかいし（容量）
    • 大分印象が変わりますよ
    • インデント、とかね

コメント

コメントを投稿

このブログの人気の投稿

PostgreSQLで多次元配列を1次元配列に展開したい

イメージ
この記事は PostgreSQL Advent Calendar 2016 の8日目の記事です。 PostgreSQL では配列型がサポートされており、多次元配列を扱うことができます。 データ集計などを行う際に配列型を利用することで多少難しいロジックの実現や速度の向上といった恩恵を得ることができる場合があります。 ところがマニュアルの 配列関数と演算子 の項目を眺めてみるとお気づきになると思うのですが、多次元配列を1次元配列に一発で展開するような関数は用意されていません。 以前、ARRAY_FLATTEN が欲しいなぁと思って調べてみたのですが、現時点では何らかの方法で自前で実現してやるしかないようです。 今回、次の3種類の方法を検討しパフォーマンスについて調査してみました。他には自前で集約関数を実装するという方法もあると思いますが、今回は標準の機能で実現できる方法に絞っています。 UNNEST & ARRAY_AGG ARRAY_TO_STRING & STRING_TO_ARRAY LATERAL & UNNEST & ARRAY_AGG 結果としてはどうやら3の方法が、そこそこ安定した速度が出て、気をつける点も少ないため扱いやすそうでした。 追記：あとで気づいたけどスカラサブクエリでも良かった。
続きを読む

inotify でファイル監視しようず！

イメージ
先日 @volpe_hd28v さんから inotify いいですよ！っていうお話を聞いたので早速メインで使用している Ubuntu 環境で使ってみます！ 使用にあたっては次のページを参考にさせて頂きました！ inotify でディレクトリを監視してみる - いますぐ実践! Linux システム管理 / Vol.157 ざっくり概要 インストール： sudo apt-get install inotify-tools 使用： while inotifywait -r -e modify 監視対象; do したいこと（make とか）; done
続きを読む

ジャックパーセルのかかとの内側を直した

イメージ
2シーズン履いたジャックパーセルのかかとの内側の布が破れてきてしまっていたので修理した。壊れたものを分解したり直したりするのはなかなか楽しい。 白い革のジャックパーセル。結構汚れているように見えるが実際結構汚れている。 こんな感じでかかとの内側に貼ってある布が破れてきていた。こうなるとかかとがめっちゃこすれるようになるので、靴下に穴が空いたりかかとが靴擦れになったりして塩梅がよくない。今回はこれを修理していく。 紺色のインソールがはいって。ジャックパーセルにはかなり厚手のインソールがついている。これは僕が持っている登山用の靴のインソールより厚手だったりする。 使うのは代わりの布とハサミとボンド。この写真では2種類布を用意してあるけど最終的は奥にある濃い紺色の布だけを使った。ボンドは手芸店で売っていた皮革とか布とかゴムとかをつけることができるやつ。先日はシャンプードレッサーのプラスチック棚を直すのにも使ったりした。ほとんど万能、とても便利。 ちなみに今回は手元にあるものを使って直したけど、道具がない場合はAmazonとかで売っている修理キットをそちらを使った方が簡単だと思う。ネットの噂によるとちょっと高めになるけど靴の修理屋さんとかでも直してもらえるらしい。 破れてベロッとなっていた部分の布を切り落とす。破れていた部分以外は接着剤か何かでくっついているようで簡単には剥がせなかった。 インソールを外した方が作業がしやすいので、作業時は外している。 破れた部分に貼る布を適当に切って合わせてみる。端の部分はほつれてくると嫌なので折り返してボンドで止めた。 布は手元に持っていた紺色のものを使った。質感からなにがしかのジーンズ生地のきれっぱしだと思われる。元は白い布が貼ってある場所なので白いガーゼ布みたいのでももちろん問題ないし、柄物の生地とかでも面白いかもしれない。 サイズもよさそうだったのでボンドで貼り付けていく。中心の線を最初に留めてそこから左右を留めていくとやりやすかった。底の面のあたりはどうせインソールで隠れるので綺麗に切りそろえたりはしなかった。 インソールを入れたところ。インソールの厚みがあるので、下の方はほとんど隠れている。まあまあよさそうだ。今回使った布がインソールとかなり色の近い紺なのであまり違和感はないと思...
続きを読む