GIFアニメで見る 新Android「L」の「Material design」

オフィシャルなサイト内には見やすく動画とかあるけども.

生で提供公開されてるリソースをGIFアニメで.

あまり見やすくないのかも(笑)

Layout Template

Mobile
The mobile layout template includes a variety of 10 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Mobile_Whiteframe

Layout Mobile Whiteframe 2 MB (.ai)

Tablet
The tablet layout template includes a variety of 14 screens. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Tablet_Whiteframe

Layout Tablet Whiteframe 3 MB (.ai)

Desktop
The desktop layout template includes a variety of 4 screens, each with 4 different window sizes. Use the layers palette to toggle on and off keylines and spacing rules.

Layout_Desktop_Whiteframe

Layout Desktop Whiteframe 96 MB (.ai)

Whiteframes
Whiteframes provide a variety of layout structures using a consistent approach to surfaces, layering, and shadows.

Whiteframes

Whiteframes 15 MB (.ai)

続きを読む >>

Google が新しく提供する「マガジン スタイル広告」の設定方法

今,確認してみると Admob のロゴが変わっていたりしますが.

AdMob

同時に, 新しく提供を開始したという「マガジンスタイル」な広告.

どうやら以下のような表示になるらしい.

受信トレイ_-_benigumo_com_gmail_com

サイト運営者様によって、ご自身のウェブサイトのデザインに合った広告表示の設定を選択されているかと思います。マガジン スタイル広告は、従来のテキスト広告よりもイメージ広告に近いクリエイティブのため、ディスプレイ広告のみに設定している場合でも、サイトのデザインに合った広告を表示することができます。また、テキスト広告のみしか出稿していない広告主様の広告も入札に参加させることができるため、サイトに掲載される広告の競争率が高まり、クリック単価の増加につながる可能性が高まります。

従来の, 味気なかった「テキスト広告」が自動的に変換されるという.

マガジン スタイル広告の設定方法

続きを読む >>

Android Studio 新機能「Navigation Editor」はどう使ったらいいのか?

アップデートリリースで派手なGUI画面が機能として追加されています.

「Navigation Editor」と名付けられています.

NavigationEditor

Navigation Editor - Android Tools Project Site

How do I run it?
You can show the editor from the Android Studio menu with “Tools -> Android -> Navigation Editor”.

この画面を立ち上げるには, メニューから

[Tools] - [Android] - [Navigation Editor]

と選択していくようですが.

画面遷移のような, いやちがうな.

部分的な画面遷移?

いや違う.

Activity をここから作成できたり,

各画面のレイアウトXMLファイルに飛べたりはするけども.

いったいどう使うんだ? これは.

How do I use it?

In the Navigation Editor you can:

Add transitions from controls (e.g. Buttons and menu items) to Activities by shift-dragging with the mouse (ctrl/alt also work)
Create new Activities with a right-mouse click
Edit the layout of each Activity by double clicking it

To see your app running on a real device, plug the device into your USB port and click “run” (the green triangle) in the tool.

むむぅ.

よく分からんし, なんだか壊れそうで怖いつか, なんつか...

だれかおせーてっ

Android端末の実機画面キャプチャをすばやくパワポに貼る方法

最近のスマホ開発では「UI/UX」とかいう言葉を無視して通ることはできません.

こんな言葉はガラケーの時代にはありませんでした.

で, 新しいサービスを始めようとするとき, 企画や設計の段階で明確に人に伝えるために, 打ち合わせなどの資料にAndroid端末上の画面の静止画を貼る必要があったりします.

最近のAndroidには「screencap」という機能が実装されており, ADB経由で簡単に端末上の画面キャプチャを静止画像ファイルで取得できたりできるようになりました.

adb shell screencap -p /sdcard/screen.png
adb pull /sdcard/screen.png
adb shell rm /sdcard/screen.png

これで, パワポで資料を作っているパソコン上にそんな画像ファイルを持ってくることができます.

けど, サイズが大きすぎたりしてその度にリサイズなどするのも面倒なので, imageMagick などを使ってやったりしていました.

コマンドラインからAndroidのスクリーンショットをPCデスクトップに取得する方法

端末上の動画であれば同様に「screenrecord」で.

Android OS 4.4(Kitkat) の動画キャプチャ機能「screenrecord」をどう使うか

Wi-Fi経由で複数端末で行ったりとかも.

ADBオーバーネットワークでWiFiで複数端末を一括接続する

けれど, パソコン上に取得できるのは「画像ファイル」としてなので, それを パワポやワードとかに貼るのが, これまた面倒です.

クリップボードに画像を読み込んで「コピペ」で作成中のドキュメントには簡単に貼り付けちゃいましょう.

続きを読む >>

Android-Studio dependencies のバージョン記述を「+ (プラス) のみ」で常に最新バージョンに対応させる

MavenRepository 経由でライブラリを追加するとして, 最近の Android-Studio では, GUI上の選択操作から build.gradle に書き込んでくれる.

Choose_Library_Dependency_と_Project_Structure

サポートライブラリや GooglePlay ライブラリのバージョン記述の形式が

「19.x.x」( x: 数字 )

でもなく

「19.x.+」

でもなく

「+」

のみだったりする.

これまで書いてた dependencies の記述

buildscript {
    repositories {
        mavenCentral()
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:0.11.+'
    }
}

とか

dependencies {
    compile 'com.android.support:support-v4:19.1.0'
    compile 'com.android.support:appcompat-v7:19.1.0'
    compile 'com.google.android.gms:play-services:48.0.3'
}

などは, すべて「+ ( プラス ) 」のみの記述にして,

続きを読む >>