【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
チャットワーク（ChatWork） | ビジネスが加速するクラウド会議室
まずは無料で始められる ビジネスチャットを気軽にはじめていただくために、Chatworkでは無料のプランをご用意しています。実際に業務で利用できる環境を無料でお試しいただけます。
iOS 5アップデート手順完全ガイド
iOS 5出ましたね！ iPhone、iPod touch、iPad持ってるみなさまは以下の手順に従ってアップデートすると今よりサックサクになりますよ。 今iCloudとiOS 5のアップデートが集中してるので、途中でサーバーエラー3200が出たり、ダウンロードが長くかかり過ぎて諦めちゃった人もいるかもですけど、すぐ平常に戻りますよ。慌てない、慌てない。 まずはMacやPCをアップデート iPhoneアップデートのその前に、いくつか準備のアップデートを...。 まずはiTunes、これは10.5にアップデートします。てか、これしないとiOS 5インストールできない！ Lionは10.7.2に、iPhotoは9.2にアップデートします。これしないとiCloudの機能が使えない！ LionとiTunesのアップデートは｢Software Update｣でできるけど、iPhotoはMac App
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
iPhoneのSafariブラウザにおける、色んな制限 | FINE lab.FINE lab.
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂！ (27) 【ファイン魂！】とは？ (1) こんなんできます！ (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル＆ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
常勝アップルに忍び寄る危機 「過去の失敗」繰り返すのか
世界的に需要が急増しているスマートフォン（多機能携帯電話）の市場で、米アップルの「アイフォーン（iPhone）」が占めてきたシェアトップの座を、米グーグルが開発した基本ソフト（OS）「アンドロイド」の搭載機が脅かしている。米国では、新規購入分に限ると既にアンドロイド機がアイフォーンを上回った。国内でも、アンドロイドモデルが冬商戦から本格的に登場している。 かつてアップルはパソコン（PC）市場で優位に立ちながら、米マイクロソフト（MS）に逆転された。「苦い過去」は繰り返されるのか。 「OSは搭載されるハードの数を拡大したところが勝つ」 調査会社MM総研によると、国内の2010年4～9月期のスマートフォンシェアはアップルが6割を占めた。だが、韓国サムスン電子製の「ギャラクシーS」やシャープ製の「IS03」といった人気のアンドロイドモデルが投入されたのは10月以降。2011年はアップルのシェアが
今から始めるiPhoneコーディング｜クロノドライブ
何だか周りにiPhoneを持ってる人が増えてきたなぁと思う今日この頃です。 それにつれてiPhone用のサイトをコーディングする案件も増えて来ましたので、コーディングするときのポイントをまとめました。 iPhoneの特徴 まずは、iPhoneの特徴を見てみましょう。 一つの端末で複数の解像度を持つ iPhoneの特徴の一つとして、縦持ち・横持ちのときで横幅の解像度が変わります。 例えば、縦持ちのときは320pxで、横持ちのときは480pxとなります。 ※縦持ちのとき ※横持ちのとき そのため、320pxに最適化したコーディングをすると、横持ちのときに160px分の余白が空いてしまうため、320pxにも480pxにも対応出来るコーディングをする必要があります。 ※そのためには、デザインをしっかりと考えたものにしなければいけませんが…。 HTMLやCSSの実装状況はパソコンと同様 iPhone
スマートフォンサイトをデザインする7つのポイント (1/3)
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、本家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画
1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
Microsoft Word - 【iPhone（U研）】調査レポート_ver.6_100820Fix
News 【報道関係者各位】 【マーケティング担当者様】 Release 2010 年 8 月 23 日 株式会社 IMJ モバイル 東京都目黒区青葉台 3-6-28 代表取締役社長 川合 純一 iPhone 専用サイトにおけるユーザビリティ調査 ～ユーザーにとって使いやすい iPhone サイトとは？～ スマートフォンの特徴である「指を使っての操作」を考慮した制作がポイント 株式会社アイ・エム・ジェイ（大証ヘラクレス 4305）のグループ会社である株式会社 IMJ モバイル（本社：東京 都目黒区 代表取締役社長：川合 純一）のモバイルユーザビリティ研究所は、「iPhone 専用サイトにおける ユーザビリティ調査」を実施いたしました。 調査期間は 2010 年 7 月 27 日～7 月 28 日、有効回答数は 618 名から得られました。 【調査結果概要】 iPhone 専用サイ
iPhone向けWebサイトの制作等に役立ちそうな情報まとめ
iPhone向けのWebサイトを制作する 際に役立ちそうな情報のまとめです。 情報が多くて混乱し始めたので、個人 的なメモ。iPhone関連のWeb制作情 報は基本的に載せています。アプリ 制作とかそっち系はたいして無いの でご了承下さい。 個人的にグッと来たiPhone / iPad周りの情報をメモ的にまとめておきます。素材とかフレームワークとかTipsとかそういうの中心で、SDKとかObjective-C的な情報は無いです。順不同。 フレームワークとかスクリプトWebアプリとかiPhoneサイト向けのフレームワークとか。 jQuery Mobile スマートフォン向けのjQuery公式ライブラリ。リリースが待ち遠しいですね。 jQuery Mobile Sencha 以前触ってみたので記事にしました。HTML5とjsのみのWebアプリ向けフレームワーク。 Sencha Titanium
ke-tai.org > Blog Archive > jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ
jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ Tweet 2010/10/22 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」のAlpha版が、2010年10月16日にリリースされました。 プログラマにもデザイナにも人気のあるjQueryですし、スマートフォン向けサイトの需要が日に日に増している状況ですので、これは期待のプロジェクトだと思います。 そんな「jQuery Mobile」の情報を簡単にですがまとめてみました。 まず本家のサイト。 → jQuery Mobile トップ [querymobile.com] → jQuery Mobile Alpha 1
AXAの凄いiPhone広告、必見です。：In the looop：オルタナティブ・ブログ
ベルキーAXAのiPhoneアドが素晴らしいということで話題を呼んでいる。 iPhoneと、雑誌や新聞紙などの紙媒体を組み合わせたメディアミックスものだが、まずはこちらの動画をみてほしい。 参考まで、動画内の文字がフランス語で理解しにくいところがあるので、Google翻訳の力を借りて、仕組みを探ってみた。 まず雑誌上に表示されているiPhoneをおくべき場所に書かれている内容は次のとおりだ。 (原文 - フランス語) Laissez votre iphone vous raconter ce qui s'est passe et decouvrez la nouvelle application d'AXA. Posez votre iPhone ici et surfez sur www.axa.be/iphone. (Google翻訳文 - 英語) Leave your iphone
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
PC用とiPhone用のサイトを切り替える.htaccess
PC用とiPhone用のサイトを切り替える.htaccess PC用のサイトにiPhoneでアクセスがあった場合にiPhone用のサイトに転送するというのはよくあるケースだと思います。更にiPhoneで「PC用」のボタンをクリックされた場合にPC用のサイトが閲覧できる.htaccessを考えてみました。 iPhoneからPC用のサイトへのリンクには「?mode=pc」というパラメーターをつけておきます。 RewriteCond %{HTTP_USER_AGENT} (iPhone|iPod) RewriteCond %{QUERY_STRING} !mode=pc RewriteRule ^/$ /iphone/ [R] これでiPhoneで「?mode=pc」というパラメーターがない場合のみiPhone用のサイトに転送されます。 つまり、iPhoneで「http://bar.net」にア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneデザインボックス
sp-web.jp