スマートフォンアプリデザインに役立つ 基礎のまとめ！：一撃デザインの種明かし（14）（1/4 ページ） 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone／Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます！ iPhone／Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中

jQueryでスマートフォン向けのアプリケーションを作成する際に使えそうなライブラリ「Aristo」を見つけたのでご紹介。 設置もクロスブラウザ対応非常に簡単にできるようになっています。 ボタン、アイコン、モーダルウインドウ、スライダー、アコーディオンメニュー、タブ、プログレスバーなどおよそ使いそうなデザインはひと通り用意されています。 HTML5向けのサイトに良さそうですね。 ダウンロードは下のリンクからどうぞ。

１）画面自動切り替えにより、オブジェクト情報の破棄を阻止！ AndroidManifest.xml のactivityタグに、下記を追加。 <activity android:name=".ProjectName" android:label="@string/app_name" android:configChanges="orientation|keyboardHidden"> また、configChangesのパラには他にもある。 ・"mcc" IMSI mobile country code (MCC) が変わったとき （つまり、SIMが検出されて、MCCがアップデートされたとき） ・"mnc" IMSI mobile network code (MNC) が変わったとき （つまり、SIMが検出されて、MNCがアップデートされたとき） ・"locale" ロケールが変わったとき（例

twitter4jを利用してOAuth&twitterのタイムライン取得をするAndroidアプリを作ってみました。 テストアプリなのでアレですが、結構はまったので公開しておきます。 MainActivity.javapackage com.example.atwitter; import java.io.InputStream; import java.io.ObjectInputStream; import java.io.ObjectOutputStream; import java.io.OutputStream; import twitter4j.Paging; import twitter4j.ResponseList; import twitter4j.Status; import twitter4j.Twitter; import twitter4j.TwitterExce

昨日のエントリにて、Android で納得のいく位置情報取得が可能になったので、MapView へ現在地を表示することが可能になりました。ただし GPS にしろ Wi-Fi を使った場合にしろ位置が多少ズレます。Google マップアプリで見ても同様なのでこれは仕方ないのですね。 さて、ズレるのは仕方ないので位置情報の精度誤差を表す青い円を描画してみたいと思います。やり方ですが、Location クラスは精度誤差をメートル単位で持っているので、これを活用して現在地表示用のオーバーレイの draw にて実装してみます。 以下がコード例です。 MyLocationMapActivity + MapView + BetterLocationManager + CurrentLocationOverlay public final class MyLocationMapActivity exten

# メール書こうかなぁと思ったんだけど、なんか解決したみたいなので、こっちに書くことにしたよ。 MyActivity.java package yanzm.example.gridviewsample; import android.app.Activity; import android.content.Context; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ArrayAdapter; import android.widget.GridView; import android.widget.ImageView; import android.wi

Android は Google 社が提供する携帯電話向けの OS です。ここでは Android を使ったアプリを開発される方を対象として、開発環境である Android Studio のインストール方法やプログラミング方法、そして作成したアプリの公開方法まで解説します。

ボタンにイベントメソッドを実装する場合、 OnClickListenerをセットして、そのOnClickListenerを実装し・・・・・ ってやってたけど、onClickはXMLに書けるらしい。 今日はそのやり方。 こんな画面を用意して、登録ボタンを押すと・・・・・ こうなる。 ただそれだけ。 登録ボタンを押した時、いつもならbutton.setOnClickListener()を使ってリスナを設定するのだけど、 レイアウトXMLに以下のように記述する。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill

Ubuntu Linux(8.04,32bit-x86)上での開発環境構築について書く。 Windows上でやりたい場合は、VMware等を利用して実施。 Macとか他のLinuxディストリビューションについては、参照元をチェック。 アップデート実施「アップデート・マネージャ」を起動する（「システム」→「システム管理」→「アップデート・マネージャ」を選択） アップデートを実施する（「アップデートをインストールする」を押す） パスワードを要求されるので、入力してEnterキーを押す。 必要なパッケージを追加する。「端末」を起動する（「アプリケーション」→「アクセサリ」→「端末」を選択） 「端末」上で、下記のコマンドを入力して、Enterキーを押す。sudo apt-get install git-core gnupg sun-java5-jdk flex bison gperf libsdl

即座にDLできるようにアーカイブ化。 ※naruさんのご指摘により、2.19以前のサンプルソースのCSSが微妙だったことがわかりました。矢印部分のリンクが有効になってなかったです。 （あまりいらっしゃらないとは思いますが…）もしそれ以前にDLされた方は、現在修正版をお使いください。 ご報告いただいたnaruさん、ありがとうございました。 （ちなみに、ここでDLできるサンプルなどなど、動作保証をするものではないのでご了承ください） smart_sample02.zip 02.zip 02v.zip 03.zip 03v.zip 04.zip 04v.zip スマホサイトのリスト型メニューを何パターンか作ってみた 仕事がいったん落ち着きはしたものの、やっぱり僕の周りでも今まで以上にスマホスマホと騒いでます。 スマホサイトといえば、リスト型メニュー？がスマホならではですよね。 今後のスマホサイト