スマートフォンの普及に伴い、スマートフォンサイト制作案件が増えてきている方も多いと思います。かくいう私もその一人です。 最近は一人でカバーしきれない程のご依頼をいただくようになり、新たに担当者を増やすことにもなりました。 普段私が気をつけている点、どういったことを考えてスマートフォンサイトを制作しているかを伝えることになったので、ついでに記事にしてしまいたいと思います。 私がスマートフォンサイトを制作するときのポイントは、以下のとおりです。 1.そのサイトはいつ・誰が・どんな時見るのか2.実際のサイズ感を考えて、使いやすさを確かめる3.死角と押しやすい位置を意識する4.CSS3で実現可能なデザインを5.ユーザは本当にスマホサイトを求めているのかそれでは、詳しくお話していきたいと思います。 こんなの当たり前だよ!ということばかりかもしれません。 案件やサイトのジャンルによっては当てはまらない
対象読者 スマートフォンWebサービス開発者 特に、フロントエンド周りの開発に従事する方 スマートフォン向けWebサイト高速化のテクニック スマートフォンはOS/デバイスの進化が激しく、要求される最適化の内容も半年で別物になることがあります。そのため最適化に際しては、案件ごとの状況や目的、デバイス/OSのシェアに応じて、まずターゲット端末を選定し、問題の検出を行います。 この記事では「iPhone 4+iOS 5」を想定して話を進めます。実際に「iPhone 4+iOS 5」はよく現場でも最も動作が重い組み合わせとしてターゲット端末に挙がります。これはiPhone 4がRetinaディスプレイを採用したことで960×460ピクセルの高解像度を備えながら、CPUなどのデバイス性能が潤沢とはいえず、ボトルネックが生まれやすいためです。iOS 4ではなくiOS 5をターゲット端末として扱うのは、
どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="open-close">open</span></dt> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキスト テキストテキストテキストテキスト</dd> <dd class="acordion_tree">テキストテキストテキストテキストテキストテキ
遂にリリースされたiOS6。 iPhone5よりも、Passbookよりも、地図よりも、Siriの強化よりも、最近のAppleからの発表全てを凌ぐ超ビッグニュースだと個人的に思ってるのですが、Single App Modeが遂に登場です!! キタ━(゚∀゚)━! と言わずにいられるでしょうか。特にエンタープライズの世界ではiPad登場当初からずっとずっと求められていた機能。以前のブログで「推測」という事で書いていた、 Guided Accessと呼ばれるアクセシビリティの機能拡張で、どのような使用感で扱えるのかは不明ですが、もし文言通り/想像通りの挙動をするのであれば、エンタープライズなiOSの魅力は一段と輝きを増すに違いありません。なんと、 HOMEボタンを無効にできる!! タッチパネルが反応しない領域を設定出来る!! というのです。 ってな機能がそのまんま、いぁ、それ以上に!超超理想的
9月13日午前2時(日本時間)より行われたAppleイベントで、新型「iPhone 5」が発表されました。 簡単にまとめると、「基本性能は全体的に向上。画面は大きくなり、より薄く、より速く、電池の持ちも良くなる。コネクタは変更され、LTEにも対応」と、なります。予約は明日9月14日から開始で、発売日は9月21日に決定しました。 発表されたiPhone5のスペックや主な変更点は以下の通り。 ■基本情報 正式名称 : iPhone 5 予約開始日 : 9月14日 発売日 : 9月21日(日本も同日) ■スペック ディスプレイ: 4インチ、1136×640px、Retina display、アスペクト比16;9 厚さ : 7.6mm(従来より18%薄い) 重さ : 112g(従来より20%軽い) CPU : A6チップ(A5チップに比べCPU・グラフィックともに2倍速) バッテリー : スタンバ
企画やらUIを考えるツール iPhone Idea Sheet(PDF) 三階ラボさんのアイデアシート(PDF)。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo(Web) UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD(iPad App) iPad上で、iOSパーツを組み合わせて
こんにちは!サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 ▲ちなみにLIGのfaviconはこんな感じ その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって? スマホではホーム画面にブックマークのアイコン(タップでブラウザが立ち上がり任意のサイトが開くアイコン)を置くことを、「ウェブクリップ」と呼びます。 そのときホーム画面で使用されるアイコンの事をそのまんま「ウェブクリップアイコン」と呼ぶのですね。 ウェブクリップアイコンをホーム画面に設置する方法 iPhoneなどの場合 iPhone/iPod touch/iPadでは、Safariでサイトを開き、下部中央の共有
AppleがSamsungを国内で訴えた訴訟の判決は、Samsungによる特許侵害を認めず、Appleの請求を棄却。 韓国Samsung Electronicsが日本で販売する「GALAXY」シリーズが特許を侵害しているとして、米AppleがSamsungに1億円の損害賠償を求めた訴訟の中間判決が8月31日、東京地裁であり、東海林保裁判長はSamsungによるAppleの特許侵害を認めず、Appleの請求を棄却した。 両社の特許紛争が日本の裁判所で判断されるのは初めて。 Appleは、PCとメディアプレーヤーとの間でコンテンツを簡単に同期できる機能についての技術の特許を侵害されたと主張していた。AppleはSamsung製品の販売差し止めを求める仮処分も申し立てている。 Samsungも日本でiPhone 4SとiPhone 4、iPad 2の販売差し止めを求めて昨年10月、東京地裁に提訴
あなたは枕元でスマホやタブレット端末を使用していないだろうか? とある研究者の調べで、就寝前にこれらを使うことが体に悪い影響を与える可能性があることが判明した。特に10代ではその影響が深刻であり、睡眠の質を低下させることになりかねない。少なくとも2時間前には、使用を控えた方が良いようである。 ニューヨークのレンセラー工科大学にある「ライトニング・リサーチ・センター」の研究によると、就寝前にバックライトディスプレイを見続けていると、「メラトニン」と呼ばれるホルモンの分泌に影響を与えるという。メラトニンとは、脳の松果腺と呼ばれる器官から分泌するホルモンで、生体リズムと密接に関係している。 メラトニンの血中濃度は、日中低く夜間に高くなる。センターが独自に行った実験の結果、就寝前に60分間タブレット端末やゲームをした被験者は、メラトニンが日光を60分間浴びたのと同じように抑制されたという。さらに2
iOS 17 iOS 17 いつもの毎日を アップグレード。 iOS 17、登場。たくさんの新機能があなたの毎日をもっと魅力的にします。 電話をかけたりメッセージを送る時に、新しい方法で自分を表現する。 これまでにない方法でコンテンツを共有する。進化したiPhoneの体験で、 できることを大きく広げることもできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く