Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件
Webフォントを使用してRetinaにも最適化し... / 深い階層のレスポンシブメニューの実装方法。切り替... / レスポンシブに対応したドロップダウンメニューの実...他...全8件
「短時間で高密度に情報収集と取捨選択」のためには、スマートフォンで一日中ネット見るより、短時間に集中して高速な回線とPCで見た方が効率いいという話を思い出し、そしてotsuneさんやRPMさんがスマートフォンを使わない(RPMさんは最近iPhoneを買っていたが)というのを思い出す。 スマートフォンは、常に持ち歩いている分、コミュニケーションツールとしてはPCよりも便利だが、情報収集に関しては出先のような突発的な情報収集はともかく、継続的な情報収集はPCの方が便利だ。Samsung Galaxy S3 16GB GT-I9300 SIMフリー 出版社/メーカー: SAMSONメディア: エレクトロニクス クリック: 1回この商品を含むブログを見る
パソコンやスマートフォンなどの液晶画面から出る青色の光が、目の疲れや睡眠リズムの乱れなど、健康に影響を及ぼすおそれがあるとして、医師たちが研究会を作り詳しく調べることになりました。 パソコンやスマートフォン、タブレット型の端末などの液晶画面には、LED=発光ダイオードなど青い光を発するものが多く、長時間利用する人が増えていることから、健康への影響を心配する声が医師などから出ています。 このため、眼科や精神神経科の医師たちが研究会を作り、医学的に詳しく調べることになりました。研究会によりますと、青色の光は目に見える光の中で波長が最も短く、エネルギーが強いため、ほかの色の光よりも目に対する負担が大きく、長い時間見ると網膜に炎症が起きるなどのおそれがあるということです。 また、青色の光は太陽の光にも含まれていて、夜に浴びると睡眠のリズムが乱れることもあるということです。 研究会は今後、健康への影
Xperiaの壁紙サイズ 2010/9/26 Xpreia、HT-03A、DesireなどのAndroid端末は、ホーム画面を左右にずらして3画面(左・中央・右)使えるようになっています。 ホーム画面領域の横を4等分して、左から2つブロックずつ合わせた領域が、各画面で壁紙でみえる領域となります。 ただし、設定した壁紙からホーム画面の「ステータスバー」と下部「アプリケーションメニュー」にかぶる部分は隠れてしまいます。 Xperiaの場合、ロック中画面では「ステータスバー」(上から約14px)と下部「アプリケーションメニュー」(下から約16px)、設定した壁紙からそれらを除いた領域がみえることになります。 ※ホーム画面ではアプリケーションメニューを展開するつまみが表示されるため下から約56pxを除いた領域。
2010年冬、携帯キャリア各社から続々とAndroidスマートフォンが発売されました。シンメトリックでは新発売スマートフォンのスペックを調査しており、私も実機を使っての調査に携わっています。2010年秋以降は、この調査ワークが忙しくなり、世のスマートフォンブームを実感しています。 調査するスマートフォンの機種スペック項目には、実機を触らなくても情報収集でほぼ確実に予測できるものもあります。それらには、一定の法則性や制約が存在するからです。しかし壁紙サイズは、実機で調査しなければ判らない項目でした。なぜなら私が調査に関わり始めた2010年夏頃は、Androidスマートフォンがまた2,3機種程度と少なく、三者三様で何の法則性もないように思えたからです。 あれから半年ほど、モバイル業界はAndroidで一層盛り上がっています。2010年秋冬は次々とAndroidスマートフォンが発売されました。私
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 (一部の図はセミナーの資料を元に作成してます。) 始めに:スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ(0からスマートフォンサイト用に構築) jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
iPhoneアプリのようなリッチなUIをブラウザで実現!Web 2.0 Touchが凄すぎる! 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
INFOBAR A01 を買って、2 週間使ってみたのでレビューなど。 これまで持っていた au 携帯(SH005)を機種変更して、INFOBAR A01(以下、INFOBAR) にしました。自身初の Android 機なのですが、スマートフォンは iPhone 4(以下、iPhone) を持っているので、INFOBAR の印象やインストールアプリなどを iPhone との比較を交えて書いてみます。 このエントリでは、スペックではなく、実際に使った印象を書いていきます。各製品のスペックは以下のページにあるので、ご参考まで。 INFOBAR A01 iPhone 4 見た目に一目惚れ ここ 2 年、au 携帯と iPhone の 2台持ちだったので、正直、Android 機にはあまり興味が湧きませんでした。しかし、ここ最近の Android の普及っぷりを見るに、これはそろそろ買おうかなと思
(この写真は2009年に別の人が作ったコンセプト) カーネギーメロン大学のAlessandro Acquistiさんのチームが、市販の顔認識ソフトウェア、クラウドコンピューティングサービス、ソーシャルネットワークサービス […] (この写真は2009年に別の人が作ったコンセプト) カーネギーメロン大学のAlessandro Acquistiさんのチームが、市販の顔認識ソフトウェア、クラウドコンピューティングサービス、ソーシャルネットワークサービスの三つを組み合わせることで、オフラインの人物の顔と、オンライン側の情報を突き合わせるという実験を行なったそうです。 「自分の名前のタグがオンラインの写真につけられるようになったことで、これまで匿名性が守られると思われていた状況でも、他人があなたの名前とあなたの情報を結びつけることができるようになりつつあります」というコメント。近い将来は、あなたの友
先日、「ガラケーからスマホの怒濤の流れで割を食ったサービス」というタイトルでブログを書いたら、怒濤のリツイートで4万人近い人が2日で訪れてブログを読んでくれた。そのあとも1000〜3000人/日くらいと来訪者はけっこう高めに推移して、毎日せこせこ書いてる自分としては嬉しい限りだ。お金にならなくなってたくさんの人が毎日読んでくれると嬉しいもの。相当昔、SPA!とかPOPEYEにライターとして原稿書きまくっていたときのことを思い出します。 で、「割を食ったサービス」ではなくて、「割を食いつつあるサービス」も最近相当に周囲に出てきている。それが誰もが思いもよらなかったところに出現しているのにはびっくりなのである。 自己紹介を読んでいただければわかるが、わたしの本業はネットストアの構築と運営コンサルタントである。いろんなショップさんと商品開発をし、運営を一緒に行っている。その中でスマホブームの弊害
生活チェックサービス「ChanTo.me」を開始しましたが、こういうサービスはモバイル端末への対応が必要という事で、iPhoneとAndroidへの対応を行いました。 さて、対応サイトを作るにはサイトの幅を狭くしてもデザインを崩れないようにすればいいかと思ったのですが、それだけではありませんでした。 AndroidとiPhoneのそれぞれのブラウザの特徴を書いておきます。 Androidの場合 縦の横幅は320pxだが、スクロールバーが出ていると幅が狭くなる。(314pxだったかな。) 最初のアクセスした段階では、サイトのサイズをそのまま表示する。 縦と横を切り替えても、幅が広がるだけ。 iPhoneの場合 縦の横幅は320pxで、スクロールバーには影響されない。 最初のアクセスした段階では、勝手に縮小して表示するが、METAタグの指定で設定可能。 縦と横を切り替えた場合の表示サイズの操作
いくつかAndroidサイト制作の仕事をしていて、いろいろandroid機種でデバッグをして気づいたことがあります。 その中で一番はまったのが、「Androidサイトは横幅何pxで作ればいいのか?」という点です。 今では解決方法を見つけたので以下、まとめます。 Androidのデフォルト解像度について Androidサイトを作る際、横幅何ピクセルで作ればいいのかなあと思い、Android機種の解像度一覧の表を探すと思います。 ただ、その情報を鵜呑みにしてサイトの横幅を設計すると、失敗することになるのです。 なぜなら、「機種自体の解像度性能は高くてもwebブラウザのデフォルトの解像度設定が低くなってるケースが多いから」、なのです。 たとえば、IS03は640*960という解像度を持ってますが、viewportでサイズを指定しないで表示したときの横幅は、320pxなんですね…。 android
スマートフォンの普及を背景に、「レスポンシブWebデザイン」(Responsive Web Design)という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか? 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
ニセモノもここまで作りこめばあっぱれ、というレベルの完成度をもつiPhone4の皮をかぶったAndroidフォン「GooApple」が中国で登場するようです。 これが「GooApple」。 ロゴを隠したら見分けがつかないレベルですね……。 並べてみるとこんな感じ。 SIMは普通サイズ。こっちのほうがいい、という人はいそう。 底面も作りこんでます。これひょっとしてケーブルの互換性もあるんでしょうか。 分解。 マルチタスクのマネージャーやらフォルダの表示やら、ミュージックプレヤーのカバーフローやら、電子書籍ソフトなどソフトも作りこんであります。 ゲームも動く。 Androidのマスコットがリンゴを抱えているというすさまじいロゴなので法的には完全にアウトでしょう。 動画はこちらから。 YouTube – 打破想象的科技组合 让乔布斯哭笑不得的中国创意!(谷果3G手机).flv 回線はWCDMAを
iPhoneのそれと比較して、よくかっこわるいと評価されてしまうAndroidですが、正しくは「標準UI同士で比べた際にイケてない」のが真実だと思っています。 今現実として、Androidアプリにイケてないものが多いのですが、そもそもデザインを考慮するプロセスが省略されてしまっていたり、時間(コスト)が無いとかそういうこともあったと思いますが、流石にこれだけメジャーなデバイスになってしまうとそれが許される時代は終わってしまいました。 ドットコム全盛期の様なGeocities+IBMホームページビルダーのデザインがはるか昔にキャハハされた様に、もうそろそろ標準UIで未カスタマイズのAndroidアプリもキャハハされる時代です。 そんな中、効率よくかっこいいUIを構築するために頭の片隅で把握しておくとちょっと幸せになれる、独断と偏見で捻りあげた10個のAndroidのUIルールを紹介します。
世界中の子どもたちに学びの機会を平等に与えることができ、子どもたち一人ひとりが興味・関心のあることをイキイキと学べる・体験できる、そして大きな夢や希望を抱いて社会に挑戦していける。そんな社会を実現していくために、まずは、日本の教育現場を変えていけるよう、私達は3つのサービスに挑戦しています。 教育アプリ「Cypochi AIR」は、13ヵ国語に対応した大学向けのWEBアプリケーションです。 従来、大手ベンダーが大きな投資(技術者と費用)をしながら開発していた学事システムを、私達のクリエイティブ力とエンジニア力により、より少ない資源で、より高度なそして使いやすさを追求したアプリケーションを実現していきます。 大学の規模や予算に影響されることなく、小・中規模の大学も手軽に導入できる価格設定と利用したいアプリだけを自由に利用できるクラウドタイプ(SaaS)での、サービス提供を予定しています。 G
ソフトバンク・ヒューマンキャピタルが運営する転職サイト「イーキャリア」は3月31日、同社においてiPhoneもしくはAndroid端末を所有している20歳〜49歳の正社員・契約社員・派遣社員400人に対して実施したスマートフォンに関する調査の結果を発表した。 利用しているスマートフォンのキャリアを聞いたところ、iPhoneユーザーはソフトバンクが100%、AndroidユーザーはNTTドコモが58.5%、auが31.5%、SoftBankが9.0%、イー・モバイルが1.0%となった。 スマートフォンの利用状況は、「メインで使用(スマートフォンのみ所有)」が最も多くて62.8%、これに「メインで使用(携帯電話との2台持ち)」が16.0%、「サブで使用(携帯電話との2台持ち)」が14.3%という結果が出た。「メインで使用」という回答を合わせると85.8%となり、8割以上の人がスマートフォンをメ
未だにiPhoneデザイン中の解像度と実機に表示される大きさに慣れないshiihoです。 今回はiPhoneのデザインで自分なりに約にたったツールをまとめてみようと思います。 それでは早速見てみましょう マインドマップで遷移図を整理 iPhoneアプリは通常のWEBページに比べて状態の変化や遷移が複雑な場合があります。 マインドマップで整理してみると上記画像のように分かりやすくなりました。 ソフトによっては画像も取り込めるのでサイトマップとしての流用もできそうです。 矢印や階層表示など自動で計算して整列してくれるので イラストレーターで作るより楽に図形を制作できます。 画像はMindNodeというMacのソフトを使用していますが XmindというソフトならWindowsにも対応しています。 MindNodeダウンロードはこちら http://mindnode.com/jp/ Xmindダウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く