いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
最近のmobileサイト | _level0 - KAYAC Front Engineer Blog
どうも mobileで大成したいさぶろうです。 最近FlashLite1.1の案件をやらせてもらっていて、 研究のためいろいろmobileサイトを見ているのですが どんどんリッチなサービスが出てきていますので参考に紹介したいと思います。 ■世界視力選手権 ミニゲームがものすごいクオリティで作ってある。 特に車と野球がわざーと初期ファミコンのような無慈悲な難易度で作ってありほんとはまる。 その上にわざーと基本小さめのドット絵で作ってあり広告商品につながっている。 そしておもしろいから人に言いたくなるし紹介したら自分のキャラの体力が回復する という全体的にとても完成度が高いキャンペーンです。 どこが作ったんだろうか。とてもおもしろいです! ■しゃべリングス http://www.shaberingles.jp/ flashLiteでしっかりデザインしたものを出来る限りいい感じに動かしたサイトで
モバイルサイトデザイン集のモバイルデザインアーカイブ 公式サイト
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
【PHPで作る】初めての携帯サイト構築 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
ケータイユーザーの“本音” 大学生に聞いた20歳前後のケータイ事情
ケータイのヘビーユーザーは、若年層に多い。パケット定額制の契約率は10～20代が非常に高く、デコメや着うた、ケータイSNSなどのブームも、常にこの層が作り出している。最近では、PCを使わない若者をターゲットにした、「au BOX」のような商品も開発されているほどで、キャリアやメーカーも、若年層の取り込みに必死だ。 こうした事実は、統計データや報道発表を見れば、ある程度は把握できる。だが、それだけでは、若者たちのケータイに対する“感覚”までは、なかなか分からない。そこで、ケータイに中高生の頃から親しんでいる、東京都内の学生5人に集まってもらい、座談会を開催した。掲載した声だけで全体像を判断するのは早計だが、“若年層特有のケータイ事情”の一端に触れることはできるはずだ。 ■ キャリアや端末選びのポイント ――まず、皆さんが使っているケータイやキャリアを教えてください。その機種や会社を選んだ理由
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)
こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC）端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末（FOMA・WIN・3GC）がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末（PDC・P型・C型など）を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運
Firefoxでモバイル端末をシミュレートする独自アドオン「FireMobileSimulator」を公開します - 遙かへのスピードランナー
★重要★2008/11/15追加：公式サイトFireMobileSimulator.org開設にともない、この記事の更新はストップします。今後のアップデート情報は公式サイトで行いますのでよろしくお願いします。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリアの提供するシミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法は、それぞれに不足している機能があったり、またITに詳しくない人とかだと導入段階でつまづいてしまったりします。 そこで、もっと簡単にモバイルサイトをPCで見るために便利なツールを作成しました。 Firefoxを簡単に携帯シミュレータにできるアドオンです。モバイル端末のHTTPリクエストや絵文字表示をシミュレートすることができます。３ヶ月
PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」:phpspot開発日誌
GPS PEARライブラリ / Net_UserAgent_Mobile_GPS キャリアや機種によって様々に仕様が異なるGPSの取り扱いを簡単にするためのPHP/PEARライブラリ PHPで各種携帯のGPS機能を簡単に扱える「Net_UserAgent_Mobile_GPS」。 PEARサイトでも公開されています。 リンク作成のサンプルは、次のような感じになるようです。 <?php require 'Net/UserAgent/Mobile/GPS.php'; try { $g = Net_UserAgent_Mobile_GPS::factory(); } catch (Net_UserAgent_Mobile_GPS_Exception $e) { var_dump($e->getMessage()); exit(); } $url = "http://test.com"; $str
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る
ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは、全く別ものとして考えたほうが現実に即していると言える。そこで今回は、PCサイトと違うモバイルサイトならではの特徴を機能面や利用面から紹介する。 キャリア、メーカーによって異なる世界 モバイルサイトを構築する上でまず頭に入れておかなければならいのは、PCインターネットと違い、モバイルインターネットでは携帯電話会社（キャリア）によって、その世界が違うということである。ではその携帯電話会社による違いと
モバイルサイトでの機種判別の話
もくじ 基礎編 機種判別とは？ どうして機種判別するの？ 機種判別の大まかな流れ 与太実践編 サイトの要件決め User-Agentの取得 機種情報の抽出 機種情報の利用 なんとなくお伝えしたいこと 全機種個別対応とか無理 でも、何も考えてないと、ヘンなサイトになる んじゃ、どういう事を考えておいた方が良いか？ 実際、(僕が)どういう風にやってるか？ もっとうまい方法ないですかねー？
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
行動ターゲティング広告はどこまで許されるのか?インターネット-最新ニュース:IT-PLUS
モバイルでのXHTMLとCSS