いまからでも遅くない！ ケータイデザインの基礎固め
いまからでも遅くない！ ケータイデザインの基礎固め：一撃デザインの種明かし（6）（1/2 ページ） 普段はPCサイトを作っているけど、ケータイサイトに興味が出始めた人向けの、初めてケータイのデザインハウツーです。日々変化するケータイデザインの基礎の基礎をご紹介 ケータイ機種のスペックが上がりデザイン表現の幅は広がっていますが、PCサイトに比べまだまだ容量やスタイル、キャリア対応などさまざまな制限があるのも確かです。 今回は、普段PCサイトを作っているけど、ケータイサイトに興味が出始めた人、初めてケータイのデザインに触れる人のための基礎固めとして、日々変化するケータイデザインの基礎の基礎をご紹介したいと思います。 誰でも最初は初心者だった！ ケータイデザインの基礎の基礎 ケータイの画面サイズを考える！ 一般的な画面サイズはQVGA（縦320px×横240px）ですが、最近ではQVGAワイド（
モバイルサイトのキャプチャを撮ろう : LINE Corporation ディレクターブログ
こんにちは。モバイルディレクターのカワムです。もう何回書いたか覚えていません。それだけ長いことディレクターブログをみなさんに読んでいただいているということなんですね。ありがとうございます。 さて、話は変わりますがみなさんはモバイルサイトのページをキャプチャするときどうしていますか? たまに他部署の方や社外の方からも「モバイルサイトはどうやるの?」と聞かれることがあります。サイトによっては PC からアクセスできない場合もありますので一概に全てのサイトのキャプチャを取ることは難しいかもしれませんが、自社の媒体資料や仕様書を作成する際などディレクター業務の中で必要となる機会は多々あると思います。 そこで今回は弊社モバイルディレクターが実際に行っているキャプチャの取り方をお伝えしたいと思います。なお、ここでの内容はPC上でモバイルサイトを閲覧出来ている状態を前提としています。PC でモバイルサイ
Movabletypeで携帯サイト作成MT4keitai[090508]
MovabletypeでPCページと同時に携帯サイト用のページを吐き出します。以前紹介した方法を改良し、新たに「MT4keitai」と命名して公開することにしました。 ※バージョンアップ版[090508]です。 ●バージョンアップ履歴 [090508] ・MT4.x版にウェブページ表示機能を追加 ・画像圧縮スクリプトの画像幅をMAX300pxに(スパム対応) 1)携帯サイト用テンプレートを追加 まず、携帯サイト用テンプレートファイル「MT4keitai-090508.zip」をダウンロードします。 テンプレートは「MT3.x版」「MT4.x版」の各々に、「euc-jp版」「utf-8版」があります。ご自分のブログの文字コードに合わせて選択してください。 管理画面から、携帯サイト用のテンプレートを追加します。テンプレートの設定は下記のとおり。 【MT3.x】 テンプレート⇒インデックス
永久保存版！？携帯コーディング、これだけ読めばすぐできる！ | KAYAC
マークアップエンジニア（以下、ME）のtacamyです！(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 （いつもありがとうございます！） そんなワケで、本格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ！ 携帯コーディングの基本 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定（タグに直接style属性を追加する） 画像を含むページ容量100KB以内（HTML自体の容量は9KB以内） 画像はgifか
[携帯]デザインの時、fontサイズを何pxにしてますか？ │ これからゆっくり考L +α
携帯サイトのデザインをする時、デバイスフォントの部分（アンチエイリアスをオフにしてる部分）を何ピクセルにしてますか？ PCサイトの場合だと、通常の文字サイズを12pxないし13px、小さい文字を10pxで作成しているデザインをよく見るのですが、携帯でもそのパターンが多いなーと感じています。 ユーザーが端末側の設定で文字サイズを変更している場合がありますが、検証する時は通常「標準（中）」の文字サイズでやっています。標準の文字サイズでチェックして、微調整をしたりしてます。 ※会社の方針や案件によっては違うかもしれないので一概には言えませんが。 デフォルトの設定から変更していない人の割合が多い、とどこかに書いてあったような...？ で、端末側の設定で文字サイズ標準（中）にすると、意外と文字が大きく表示されるんです。 なので、デザイン上の文字サイズを12px、10pxで作成してしまうと、実機で見た
ケータイと共に育ってきた女子大生がiPhoneに思うこと - インターネットもぐもぐ
※追記 個人的にまとめていたものをアップしただけなので、予想以上の反響にびっくりしています。 ブコメもコメントもトラバも拝見させていただきました。ありがとうございます。 ひとつだけ。 この話、「こんなに不便だからiPhoneなんて買わなきゃよかった」という論展開ではなくて、 全然別のものとして使いこなしているからこそ差異が見えてるということ、です。 むしろ、わたし自身ケータイ文化どっぷりだった側でもないので（モバゲーもケータイ小説もかじったくらい） 同世代の子の話聞いててすごく興味深いなあと思ったのでまとめてみました。 なので「だったらガラケー使え！」というのはもちろんそのとおりで、 嫌な子は当然iPhoneになんて乗り換えません。 そういう意味では「だからiPhoneにはしたくない」という意見も含めているのは事実です。 わかりにくくてごめんなさい。 私自身はiPhoneにしてからケータイ
モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | モバイルサイト構築のユーザビリティいろは
2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる！ モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基本チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな
モバイル検索でサイトを上位表示させるために欠かせない5つの内部対策
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
think-L | PC･ﾓﾊﾞｲﾙｻｲﾄのｺｰﾃﾞｨﾝｸﾞ承ります
2011/12/07 会社に就職したため、think-Lの活動は当面休止いたします｡ 2010/08/24 制作実績を更新しました(なるんだモン：文部科学省) 2010/11/02 11月16日～17日は臨時休業とさせていただきます｡
携帯サイト[xhtml]のコーディング前のチェックポイント │ これからゆっくり考L +α
前回のhtml版に引き続き、今回はxhtmlの場合です。 htmlと比べて出来ることが増えるので色々なデザインの再現が可能ですが、やはり3キャリア1ソースとなると気をつけるべきポイントがいくつかあります。 コーダー（もしくはディレクター？）さんは、デザインをパッと見て「このデザインで組めます！」「組めません無理です...」の判断が咄嗟にできるようになると素敵だと思います。 デザイナーさんは、これからあげるチェックポイントを頭の片隅にいれつつデザインしていただけると、コーダーからの戻しが少なくてすむようになるかと思います。 前置きはこのぐらいにして、早速本題へ。 以下が今回のサンプルデザインです。 「これをxhtml、3キャリ1ソースコーディングしてください」 と言われた場合で考えていきます。 前提条件は、 ・3キャリア1ソース ・xhtml ・文字コード：Shift-JIS ・改行コード：
モバイルサイトを使いたがらない人に、 モバイルサイトを使わせるには?（1/2）：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ネタフルのモバイル版｢ネタフルズ｣のデザインリニューアルを行いました
いつもお世話になっているコグレさん(kogure)のブログ「[N]ネタフル」。 PCから読む人のほうが多いかもしれないので、あんまりアクセスしないかもしれませんが、その「ネタフル」にはモバイル版が存在します。 で、そのデザインをリニューアルしました。 事の発端は先日書いたうちの記事だったりします。 流れとしては、 ギズのエントリーがコグレさんやいちるさん、のまさんらにTumblrれる。 →ネタフルバードを筆頭にアクセスが多数流入。 →ネタフルバードからのアクセスが多いよとTwitterで呟く。 →コグレさんが「ネタフルズをリニューアルしてくれるって話?」と呟く。 →半ば強引(←ここ重要)に「やりますよ」と僕が了承。 →多分コグレさんは冗談半分。が、勝手にデザインカンプを作成。 →コグレさんに送りつける。 →コグレさんから実装依頼。 →コーディング、実装作業、実機確認、完了。←イマココ とい
モバイルサイト運用の上で確認すべき3つのこと
モバイルサイトの運用は結構面倒くさいです。「開発も面倒だよね」という声も聞こえてきそうですが、個人的には運用の方が面倒だと思っています。 その理由としては、まめな情報収集をしなきゃならんのです。というわけで、以下にチェックしておくべき3つのことを書き出しておきます。ある意味、自分用。 キャリアのIPアドレス帯域変更 コレ、意外に頻発します。 というのも、モバイルサイトって大概がIPアドレスでアクセス制限を行うんですよね。ケータイ以外からのアクセスをさせない目的で。 特にキャリア公式サイトの場合は必ずってくらい。 で、このキャリアのIPアドレスなんですが、ホント頻繁に変更されるんですよ。追加されたり削除されたり。出来れば変更しないでくれと誰もが思いますが、気付くと変更されるのでコレは定期的にチェックをしておかなきゃなりません。 仮にこの変更に対応しなかった場合、何が起きるかというとモバイルサ
asahi.com（朝日新聞社）：ドコモ新携帯、不具合あった新機能削除し発売へ - ビジネス・経済
ＮＴＴドコモは２８日、夏商戦向けの新携帯端末１３機種について、地図を滑らかに映し出す新機能を削除したうえで売り出すと発表した。新機能の基になるソフトウエアが原因で、ｉモード接続時に正しく動作しないトラブルが続出しているため。発売直後のつまずきで、ドコモの夏商戦の出遅れは必至だ。 ドコモは、今月発売のＰＲＩＭＥシリーズの２機種で不具合が相次いで見つかり、販売停止となったことから詳しい原因を分析。同社が開発した新機能「ジャバスクリプト」が不具合の根源であることが判明したという。 このため、ＮＥＣ、パナソニック、富士通、シャープ製の計１３機種について、新機能をいったん停止して発売することにした。約１カ月後にドコモ側でシステムを更新すれば、手続きなしで新機能が利用できるようになる見通し。ドコモはトラブルを踏まえて、発売前の検査態勢を見直す方針。
Top - FireMobileSimulator.org
FireMobileSimulatorはFirefox/Chrome版ともに配布・メンテナンスを終了しました。本ページの内容は記録のみの目的で残しています。 FireMobileSimulatorとは？ FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたGoogle Chrome/Firefoxの拡張機能です。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞ
livedoor ニュース - 「こんなものいらない!」携帯電話で無くても良い機能・サービスのトップは!?
「こんなものいらない!」携帯電話で無くても良い機能・サービスのトップは!? 2009年04月03日03時55分 / 提供：Garbagenews.com マイボイスコムは2009年3月24日、携帯電話の価格と機能に関する調査結果を発表した。それによると、今後携帯電話を購入する・買い換える際に「機能・サービスの充実よりも価格の安さを重視する」と答えた人が、「価格が安くなるのなら無くても良いと考えている」サービス・機能のトップにはメッセンジャー・チャットなどのテキスト・コミュニケーション系の機能がついた。ほぼ数字を同じくし、PDFビューアーなどのビジネス系機能、歩数計機能、テレビ電話機能などが高い値を示している(【発表リリース】)。 今調査は2009年3月1日から5日の間にインターネット経由で行われたもので、有効回答数は1万5628人。男女比は46対54で、年齢階層比は30代37％・40代29
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ケータイ白書2009から読み解く 最新モバイルマーケティング動向～個人編 #1 | スポンサードサーチ モバイル講座