【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
スマートフォンサイトのUIパターンやフレームワーク・ツールなどをまとめたサイト -Mobile Tuxedo
スマートフォン向けサイトやアプリケーションを開発するのに役立つフレームワーク・ツール・プラグインなどのリソース、ナビゲーションをはじめとするUIパターンをまとめたサイトを紹介します。
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
Androidをroot化する10の理由
Androidと言えばroot化（ルート化）。 でもなんであんな危ない危ない言われてるroot化をやるの？ ｢保証外、自己責任、文鎮化しても誰も責任とってくれないよ｣って大書してるのに、そうと分かってroot化するメリットって何？ 不思議に思ってる方はこれ読んでスッキリしましょ～。 AndroidはLinuxカーネルがベースなので、root（UnixやLinuxのシステムを管理する最高権限のユーザーアカウント名）を取得すると、全ファイルシステムにアクセスが可能になり、ブートイメージをカスタマイズしたり、携帯の全バックアップを作成したり、Linuxディストロをインストールしたりできるのです。そこまでギークなことには関心のない人でも、もっと身近なところにroot化するメリットは沢山あります。 最近では賢いデベロッパーさんたちのお陰でコンピュータスキル平均点の人でも簡単にルート化できるツールや手
【URL移動しました】スマホアプリの作り方【超まとめ】基本編：スマホアプリを作り始めるのに役立つ記事35選 - ＠IT
編集部注：こちらの記事は諸事情によりURLを http://www.atmarkit.co.jp/fsmart/index/matome/smapho.html に移動しました。ブックマークなどは移動先URLでお願いします（2012年1月6日） 夏休みの自由研究にマイコンボードで「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう （2017/7/24） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する企画。夏休みの自由研究に「電子サイコロ」を作ったり、音楽プログラミングをしたりしてみよう 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方 （2017/7/20） 子ども向け電子工作＆プログラミング用マイコンボード「chibi:bit」の基本的な使い方を紹介する。夏休みの子どもの自由研究など
たった一行のJavaScriptでガラケー向けWebサイトをスマートフォンに最適化·sparrow.js MOONGIFT
sparrow.jsは既存のガラケー向けWebサイトをスマートフォン向けサイトに変換してくれるJavaScriptです。 sparrow.jsを使うと既存のガラケー向けWebサイトをスマートフォン向けサイトに変身させてくれます。それもたった一行のJavaScriptタグを追加するのみです。 ガラケー向けサイトをiPhoneで表示したところです。いわゆる普通の携帯電話向けサイトとしての表示です。テンプレートは「携帯専用無料テンプレート配布中 ： フリースタイル 携帯無料レンタルサーバー」よりお借りしました。 sparrow.jsを適用した表示です。デフォルトではフォントサイズや画像の表示が最適化されるのみとなっています。 sparrow.jsではその他、Viewportの自動挿入、スマートフォン向けのCSS定義、半角仮名を全角に変換、ページ内リンクをアニメーションに、絵文字を絵文字画像に変換
一挙レビュー！ “iPhone-Android間”でも使える無料通話アプリ (1/3) - ITmedia プロフェッショナル モバイル
読者の皆さんは、毎月の携帯電話代をいくら支払っているだろう？ 金額は千差万別だろうが、スマートフォンを利用しているユーザーの多くは、「ケータイよりも高くなった」と感じているはず。スマートフォンを普通に使っていれば、パケット代はあっというまに上限額に達してしまう。節約の方法として極力Wi-Fiを利用するという手もあるが、屋外で使おうとするとやはり3G回線が必要になる。じゃあせめて、従量課金の通話料を節約しよう――というわけで、今回はスマートフォン向け無料通話アプリを特集する。 以前に仕事アプリナビで紹介した「Skype」は、無料通話アプリの代表格ともいえるアプリだが、このほかにもいろいろなアプリが存在する。通話料の節約に役立つのはもちろん、3.11の東日本大震災時には、通常の電話がつながらない中でこうした通話アプリが利用できたケースも多く報告されており、非常時の連絡ツールとしても注目された。
スマートフォンサイトに適したユーザビリティとは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
開発者が知らないと損するAndroid 4.0の新機能44選
NFC・Wi-Fiなど端末間共有機能 【1】NFCでデータを共有する「Androidビーム」 「Androidビーム」は、NFC対応デバイス間で共有を行うための機能です。ユーザー同士が2つのNFC対応のデバイスを接触することで簡単に、お気に入りアプリ、コンタクト、音楽、動画など、ほとんどのコンテンツを交換可能にします。デバイス同士が数センチ範囲内にあると、システムはNFCの接続を設定して共有のためのUIを表示し、ユーザーは画面をタッチすることで共有が行えます。 例えば、ユーザーは連絡先を交換したり、マルチプレイゲームを開始したり、チャットやビデオ通話に参加したり、写真や動画などを共有したりできます。アプリを共有する場合、Androidマーケットのアプリ詳細ページへのリンクを送ります。リンクが送られた端末上のマーケットアプリは詳細ページを起動し、ユーザーはアプリを簡単にダウンロードできます。
2012年に注目すべき10のトレンド--IT業界で重要性が高まるテクノロジとは
Gartnerは同社の年次シンポジウムである「Gartner Symposium/ITxpo」において、2012年に注目すべき10の戦略的ITトレンドを明らかにした。そのなかで、クラウドコンピューティングに対する評価が、議論を呼びそうなほど低くなっている。 2011年10月17日の夜、フロリダ州オーランドで開催されたGartnerの年次シンポジウムのなかで、GartnerのアナリストであるDavid Cearley氏は、IT分野における目まぐるしい変化に振り回されているITリーダーたちを前にして、2012年に世界に影響を与えるであろう10のトレンドを紹介した。なお、Cearley氏はGartnerのフェローであり、同シンポジウムのキックオフにも協力していた。 Gartnerのシンポジウムにおいて恒例となっているこの講演は、常に参加者たちの人気を博している。というのも1年後の未来を高所から見
ジョブズ氏の魂、新型ｉＰｈｏｎｅに宿る
米アップル社が４日に発表した高機能携帯端末（スマートフォン）「ｉＰｈｏｎｅ（アイフォーン）４Ｓ」に搭載される音声対話型検索機能「Ｓｉｒｉ（シリ）」に、ｉＰｈｏｎｅの産みの親で、５日（日本時間６日）に死去したスティーブ・ジョブズ前ＣＥＯ（最高経営責任者）の人格を移植していたことが分かった。ネットユーザーからの質問に同社が公式に認めた。 「ｉＰｈｏｎｅ４Ｓ」は昨年発売の「ｉＰｈｏｎｅ４」の改良型。デザインはそのままだが、基本ソフトのアップグレードや、内蔵カメラの画質向上など多くの点で改良が加えられた。 中でも今回最も大きな改良は「Ｓｉｒｉ」と呼ばれる対話型検索機能だ。従来の音声検索では「アメリカ人、ホットドッグ」のように単語に区切って話しかける必要があったが、Ｓｉｒｉでは「どうしてアメリカ人はあんなに口の回りをケチャップで真っ赤にしてまでホットドッグを大量に食べるの？バカなの？死ぬの？」のよう
スマホ等のモバイル判定が簡単に行えるライブラリ「MobileESP」:phpspot開発日誌
The MobileESP Project: Easily detect mobile web site visitors About MobileESP スマホ等のモバイル判定が簡単に行えるライブラリ「MobileESP」 Android、iPhone、Blackberry等、大量のモバイルデバイスが存在しますが、そうした物の判定を行ってくれる各種言語用のライブラリ群です。 docomo, kddi, vodafoneなんていう記述もあったりしてガラケーも対応してるっぽいです。 対応言語は、PHP, Java, APS.NET (C#), Ruby ,さらにはJavaScript版もあるようです iPhone端末かどうかを調べるには次のようなコードを書きます。 $uagent_obj = new uagent_info(); if ($uagent_obj->isTierIphone =
iPhoneやAndroidのUIパターンを収集するシンプルで見やすいギャラリーサイト・Patterns of Design
いくつか同じようなギャラリーサイトは ありますが、こちらもなかなか見やすか ったのでメモ。スマートフォンのUIの パターンギャラリーサイトです。スマー トフォンに限らず、通常のWebサイトの パーツデザインの参考にもなりそうです。 特にスマートフォンのUIは細かい部分のこだわりが見られてとても参考になりますので見ておいて損は無いかと思います。 シンプルな作りです。パーツはカテゴリで分けられていて探しやすいです。ちょっと重いかな・・ 例えばこちらはグリッドのカテゴリ。同じ幅、同じ高さという限られた空間の中で、様々な工夫が見られます。 クリックするとその場でLightbox風にポップアップします。iTuneへのリンクもあるので確認しやすいですね。 同じようなギャラリーサイト似たようなサイトは沢山あるので合わせてチェックしてみてはいかがでしょう。 Mobile UI Patternspttrns
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
企画が考えるスマホUIデザイン
本の置き場所をなくしてスッキリ! 今日から始める「自炊」超入門
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
｢は、はじめましてっ！IS04ですっ！REGZAフォンと呼んでください！｣ : VIPPERな俺
https://digimaga.net/7-reasons-no-au-iphone-4s/