当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
「あとで読も」は、ウェブサイトの テキストだけをケータイにメール します。 携帯メールアドレス: ※入力されたメールアドレスは、弊社サービスを運営する目的以外では利用しません。 ※メールは atode.cc ドメインより届きます。受信拒否の設定をされている方はご注意ください。 ※Webサイトによっては読みやすいテキストにならないこともあります。予めご了承ください。。 割り切りコンセプトについて - あとで読もの使い方 (あとで読むと共通です)
従来モバイルGmailは、auやウィルコムの端末、フルブラウザ（UTF-8対応）を使わないと文字化けしていましたが、2007/4/10以降、それ以外でも携帯ブラウザに正式対応しています。また最新の英語版では更にリッチ操作が可能（一部日本語アカウントでも）になっています。 参照： モバイルGmail“正式版”でできること、できないこと（日本対応の記事）。 モバイルGmail以外では、２節以降を参照。複数の方法を組み合わせると益々便利に！ Googleと提携しているauではauドメインのGmail（au oneメール）を導入。ドコモはようやく本格的にGoogleと提携。今後、Gmailのiアプリ版が出る可能性あり。ドコモよりも携帯で普通にGmailが使える日本通信のコネクトメールが注目されています（解説や使用例をどうぞ）。なおiPhone向けのGmailでは宛先のオートコンプリートなどが使える
モバゲータウン。そしてミクシィは今や日本モバイルサイト市場のトップに君臨している。 そもそも私がモバイルにあまり熱を入れられない理由はただ一つ。 パソコンがあるから携帯で云々というのが面倒くさくてかなわない。 そう、私自身が携帯で何かをする人間ではないからだ。 そんな私がモバイルサイトを作ったところで、所詮はその程度しか作れないのは当たり前です。 でも実際はもっと真剣にモバイルについて考えていかないといけないとは思ってきた。 モバイルのこれからは検索方法の違いが生む 高校生の4割以上が“メニューリストより検索サイト”──IMJモバイル調べ 目的の携帯サイトを探すとき、メニューリストと検索サイトのどちらを使う機会が多いかについては、「ほとんどメニューリスト」が31％で最も多く、次いで「ほぼメニューリスト」が20％と、メニューリスト利用が全体の約5割となった。検索サイトの利用は、「ほとんど検索
Blog Search when-present<#else>when-missing. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${entry.path} [in template "__entry.ftlh" at line 3, column 25] - Reached through: #include "__entry.ftlh" [in template "entry.ftlh" at
先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSやHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。（上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。） 基本からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし
ケータイのことも、ケータイ世代のこともわからない。オトナ世代からタメ息と共にそんな声が聞かれる。「なぜわざわざインターネットをケータイで……」「なぜ文字を打ちづらいケータイで……」。一見、ケータイに依存しているようにも見える若者世代は、普段どんなコンテンツをどんなふうに使っているのか。どんなコミュニケーションの取り方をしているのか。サービス事業者や利用者の声を交えながら、いまどきの"ケータイでネットをするのは当たり前"な若者たちのケータイ事情に迫っていきたい。 PC世代とケータイネット世代の違いとは イラスト:3P3P 読者の皆さんは、ケータイのどんな機能を使っているだろうか。通話、メール、電車の乗り換え検索、SNSの閲覧や日記の更新、ワンセグ、ゲーム……。せいぜいこのくらいではないだろうか。ある限定的な処理をこなす道具としてケータイを使っている印象だ。しかし、同じ質問に対し、10代の若者
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
前回の記事「ケータイ文化圏とネット文化圏の深い溝」は、かなりの反応があった。ネットを使いこなしている人と、ケータイメインで使っている人では、行動パターンが大きく違っている――この事実を再認識して、何か面白いことができそうだとか、商機がありそうだと思ってもらえれば、書いた甲斐があったというものである。 さて、前回の記事は、その行動パターンの違い＝メディア特性の違いが存在している、という事実を指摘することが中心だった。ネットを使いこなしている人の論理をそのまま移行しても、ケータイメインの人の行動パターンから言って便利なサイトになるとはいえない。では、ケータイサイトはどのような特性を持っているのか。それを探れば、使いやすいケータイサイトが作れるのではないかと思う。 今回は、そのケータイサイトの特性を探るために、いろいろ寄り道してみたい。 ■最初に、いくつかの反応について 404 Blog Not
雑記ケータイの進化の方向性は今のところ多機能化の方向にシフトしているようだが、それよりももっと革命的な進化の方向性がある。それは、『通話機能を極限までやりやすくさせる』という方向だ。極論を言えば、『電話』と『会話』の差を無くせばよいのだ。こうなればコミュニケーション量の莫大な増加を発生させることが出来るはずだ。そうなれば全く生活の中で感覚が変わってくるはずである。実際、現在かなり簡単になったとはいえ、いまだ『相手に電話をかける』というのには心理的抵抗が大きい。思いつくだけでも携帯を持つ。（この時点で片手が塞がれてしまう。）携帯を鳴らす。コール音がなる。相手が出るのを待つ。と出てくる。ああみえてかなり障壁は多いのだ。これを極力減らすようにしていったら、ある程度の閾値を超えたときに、実際に体感できるブレイクスルーが起きるはずである。最近、喋りもしないのにそのずっと電話をつなぎっぱなしにしている
ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは、全く別ものとして考えたほうが現実に即していると言える。そこで今回は、PCサイトと違うモバイルサイトならではの特徴を機能面や利用面から紹介する。 キャリア、メーカーによって異なる世界 モバイルサイトを構築する上でまず頭に入れておかなければならいのは、PCインターネットと違い、モバイルインターネットでは携帯電話会社（キャリア）によって、その世界が違うということである。ではその携帯電話会社による違いと
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
USBメモリまたはiPodでアプリケーションやファイルを持ち歩く際のコツと注意点を解説する。（Lifehacker） 【この記事は、2006年6月7日付で米ブログメディア「Lifehacker」に掲載された記事を翻訳したものです。】 初めて手に入れたコンピュータのハードディスクが1Gバイトだったことを思い出すと（当時は「これでもう容量不足とは無縁」と思った）笑うしかない。今では、キーホルダーにぶらさげるUSBメモリに8Gバイト版があり、みんなが持ち歩くiPodもギガバイト級だ。 この1年かそこらで、ポータブルアプリケーションやUSBメモリ／外部ディスクの創造的な利用が進んだ。そこで今回は、ポータブルディスクを使ってデータを持ち運ぶ際の、実用的なデータの利用法と管理テクニックを紹介しよう。 まず、お気に入りのアプリケーションや重要なドキュメントをUSBメモリ（またはiPod）で持ち歩く例とし
インターネットが世の中に定着して久しいが、PCからインターネットに触れた人と、ケータイからインターネットに触れた人とではその利用方法に大きな違いがあることをご存知だろうか。PCからインターネットに入った人に、今の若手作家がケータイのみを使って340ページもあるケータイ小説を丸々書き上げた、などと言ったら卒倒するであろう。 “キーボード文化”と“親指文化”のジェネレーションギャップと言ってしまえばそれまでだ。しかし、我々が世に打ち出したiモードサービスも今年で8年目を向かえ、導入当初は中学生だった若者も、気付けば今年社会人1年生である。その世代がこれからの社会にどんどん進出してくることを思うと、彼らのリアルな利用方法を知ることは、今後のビジネスの展開を考える上で重要なヒントを得ることになるかもしれない。 ケータイだけでインターネットをする人はPCを上回る 少し古いデータで恐縮だが、2006年
こんにちは、櫛井です。 現在はPC版のPICSやAuthなどのPCサイトを主に担当していますが、昨年の4月に公開されたlivedoor PICSのモバイル版の開発についてお話しようかと思います。 （当時はモバイルの部署におり、livedoorのモバイルサイトを色々と作っていました） 機能面などはプレスリリースや開発日誌などをご覧いただくとして、livedoor PICSモバイル版の開発は以下の手順で行いました。 ■モバイルサイト作成の下準備 元々PC版でlivedoor PICSというPCサイトをスタートしていたので、基本的にはモバイル版で見る際の要件をまとめ、連携する他のコンテンツの状況を調査し、見せ方を資料に落とし込んでいく作業というのをまず行います。 私の場合は最初は手書きです。要件やイメージをざっくり形にするだけなので大抵は30分くらいで一気に書きます。 かなり汚いですが、こういう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
