携帯サイトをはじめて作る時にぜひ読んでおきたい11の記事 | 携帯サイトをつくろう。

2009/12/01 1045 users 携帯サイト net 好み 参考 カタログサイト

今回ははじめて携帯サイトを作る時、目を通しておきたい11の記事を紹介します。 デザイン 1. かちびと.net – 『モバイルサイトのWebデザイン15選】 携帯サイトの良デザイン15選です。ぜひ参考にしてください。 2.『モバイルデザインアーカイブ』 私自身非常にお世話になっている携帯デザインのカタログサイト。 お客さんにもこのサイトで紹介されているデザインの中から好みのものを選んでもらえば話が... 続きを読む

ディレクターなら押さえておきたいモバイルSEO34項目 - livedoor ディレクターブログ

2009/07/21 969 users livedoor ディレクター 渡邉雄介 SEO 最低限

2009年07月21日 20:59 ディレクターなら押さえておきたいモバイルSEO34項目 モバイルサイトの開発 モバイル事情 ディレクターの渡邉雄介です。 ディレクターブログで以前に何度かモバイルSEOについて言及していますが、今回は、モバイルコンテンツ制作に関わるディレクターが最低限押さえておきたいSEOの進め方と、34個のチェック項目を紹介したいと思います。 SEO、その前に SEOを行うと... 続きを読む

デザインQRの作り方。 - case:MobileDesign! モバイルサイトのデザイン紹介ブログ

2010/03/08 868 users case ブレーン Step QRコード ツール

そのほか | いつものサイト紹介からちょっと脱線です。 サイト誘導するためのツールである「QRコード」。その中でもデザインQRコードの作り方のポイントをご紹介します。特殊なデザインQRでなければ、フリーソフトとPhosothopさえあれば作れます。 ・STEP1　プレーンなQRコードを生成する ・STEP2　Photoshopで加工していく ・STEP3　実機で確認する ・オマケ　QRをパス化する... 続きを読む

モバイルサイトをPCで見るためのツールやFirefoxアドオン - livedoor ディレクター Blog(ブログ)

2008/08/14 791 users レスポンス Firefoxアドオン livedoor 河野

こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイル... 続きを読む

モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ（最終回） | Web担当者Forum

2010/03/08 746 users Web担当者Forum 最終回 ユーザビリティ おさらい 前半

2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基本チェックポイント 公式サイトに関する... 続きを読む

3G端末（FOMA・WIN・3GC）のモバイルサイトのコーディング＆デザイン - livedoor ディレクター Blog(ブログ)

2008/09/29 716 users livedoor Cure コーディング 吉沢 3G端末

こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G（FOMA・WIN・3GC... 続きを読む

モバイルサイトのチェックが効率よくできるツール - livedoor ディレクター Blog(ブログ)

2009/04/16 603 users livedoor プチペット グラフィカル ツール 制約

モバイルサイトのチェックが効率よくできるツール こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思いま... 続きを読む

一歩上行く！携帯HTML/XHTMLデザイン・コーディング術(第一弾) - case:MobileDesign! モバイルサイトのデザイン紹介ブログ

2010/02/15 556 users case 携帯HTML 一歩上

XHTML/HTML TIPS | FlashLiteのことばかり書いているので、今日はHTML/XHTMLのことを書きます。 HTML/XHTMLをでサイトを作る際、デザイナーさんやコーダーさんがちょっと気をつけておけば見栄えはグンッと良くなります。 ぜひ、取り入れてみてください！■画像のコツ横幅240pxの画像を作るときは良く考えて！携帯の画面横幅は240px(VGAだと480px)だから、ど... 続きを読む

ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース - livedoor ディレクターブログ

2010/09/21 536 users ケータイサイト プチペット livedoor tableタグ

2010年09月21日 10:53 ケータイサイトのtableタグの特徴と、5つのデザイン例＆ソース モバイルサイトの開発 モバイル事情 こんにちは、『プチペット』を担当している吉沢です。 Webサービスのケータイ対応がやっと当たり前になってきたかと思ったら、今度はスマートフォンの対応と、モバイル業界の時の流れはものすごく速いですね。 そんな中、ケータイは新しい端末のシェアが増えていく度に、サイト... 続きを読む

モバイルサイトのWebデザイン15選 - かちびと.net

2009/09/29 536 users キャプチャ アーカイブ ギャラリー モバイル net

携帯、モバイルサイトの デザインってどうなってるのか 少し興味が沸いたのでモバイル サイトのキャプチャを取って アーカイブとしてまとめている モバイルデザインアーカイブさん から15のモバイルサイトで好きな デザインを15個厳選しました。 個人的なギャラリーとなっていますが、共感して頂ければ幸いです。キャンペーンサイトのデザインなどもあるので現在は確認出来ない事もあります。 FAT ONLINE ... 続きを読む

ケータイサイト制作前にコーダーが確認しておきたいところ │ これからゆっくり考L +α

2010/07/07 472 users コーダー XHTML table 考L HTML

モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字... 続きを読む

モバイルサイトの3キャリア共通CSSと最新コーディング事情 - livedoor ディレクターブログ

2011/09/13 461 users 日陰 livedoor フィーチャーフォン ガラケー ケータイ

2011年09月13日 18:25 モバイルサイトの3キャリア共通CSSと最新コーディング事情 モバイルサイトの開発 モバイル事情 Tweet こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユー... 続きを読む

服に迷ったら！ファッションコーディネート買物代行サービス

2006/12/25 454 users 買物 機種 QRコード

着るもの困る！服の買物が苦手！ファッションコーディネート買物代行サービス上のQRコードを読み取るだけで、簡単にモバイルサイトへアクセス頂けます。 ※機種によっては、対応しない場合もございますのでご了承ください。 続きを読む

Googleが明かすスマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan

2014/04/29 451 users Growth Hack グロースハックジャパン リサーチ

検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されていま... 続きを読む

PCと全く異なるモバイルサイトの　“真のユーザー層”を見極めよう！：MarkeZine（マーケジン）

2009/03/26 393 users ケータイ デバイス マーケティング ノウハウ メディア特性

本連載では、携帯サイトを効果的に活用するために必要となる、携帯独自の考え方やノウハウなどを提供していく。今回は、ケータイのメディア特性を知る上での基本ともいえる「ユーザー層」について考察する。 （2009/03/26 10:00） 携帯電話によるインターネットの利用が広がりつつあることから、マーケティングや広報活動などに携帯サイトを利用したいという企業は増えている。だが携帯サイトはPCとデバイスが... 続きを読む

第3回　モバイルサイトを見やすくする絵文字活用&テキストレイアウトのポイント | Web担当者Forum

2009/04/02 382 users 両者 テキストレイアウト テキスト モバイルサイト構築前 文章

第2回ではモバイルサイト構築前の基本ルールの考え方や、使い勝手の良いモバイルサイトのナビゲーション設計について紹介しました。第3回では、コンテンツ自身にあたる「テキスト」をわかりやすくするためのテキストレイアウトについて紹介します。 ユーザーが文章を読む負担を減らす 絵文字&テキストレイアウトのポイント 使い勝手の良いナビゲーションと、わかりやすいコンテンツの両者が揃って初めてユーザーに伝えたい情... 続きを読む

モバイルウェブが爆速に！ GoogleがAMP (Accelerated Mobile Pages) を立ち上げ | 海外SEO情報ブログ

2015/10/07 377 users ウェブページ アンプ モバイルウェブ デモ 上級

[レベル: 上級]Googleは、Accelerated Mobile Pages （アクセラレイティッド・モバイル・ページ）という、モバイル端末でのウェブページの表示を高速化するためのプロジェクトを公開しました。 略して、AMP（アンプ）と呼びます。AMPで策定された仕様に従ってモバイルサイトを構成すると、モバイル検索結果からリンク先ページがまさに“一瞬”で表示されます。 AMPをデモで体験AM... 続きを読む

「ホムペ」「プロフ」「リアル」--ケータイ世代が生み出す新コミュニケーション:モバイルチャンネル - CNET Japan

2009/03/05 377 users コミュ 焦点 モバイルチャンネル モバイル 発展

モバイルサイトの世界では、PCとは異なる独自の文化やスタイルが築かれている。中でも非常に大きな違いを見せているのがネット上のコミュニケーションスタイルで、PC由来のコミュニケーションが独自の発展を遂げたり、全く新しいジャンルのコミュニケーションスタイルが誕生したりしている。 今回はそうした中から、「ホムペ」「プロフ」「リアル」といったモバイルで特徴的な機能、サービスに焦点を当て、モバイルでのコミュ... 続きを読む

モバイルサイトで年収4000万稼ぐ18歳のお話なんですが*ホームページを作る人のネタ帳

2007/12/30 377 users ベンツ 完結 勢い ネタ帳 モバイル業界

ちょうど今、そのテレビ番組の特集が終わったところでブログをそのままの勢いで書いています。 年収4000万稼ぎ出す18歳のお話。 非常に興味があり、ついつい見てしまったわけなんですが、実に完結明瞭で、面白かったですね。 とくに、モバイル業界って・・・と沈黙したくなるようなもの。 既に見られた人もいるかもしれませんが、改めてモバイルサイトの可能性を考えさせられたので、エントリしておきます。 ベンツにの... 続きを読む

そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 - livedoor ディレクターブログ

2010/01/12 355 users ユーザビリティ livedoor プチペット 関心 ノウハウ本

2010年01月12日 20:01 そのモバイルサイト見やすい? 使いやすい? ユーザビリティをアップさせるチェックポイント7 モバイルサイトの開発 こんにちは、「プチペット」を担当している吉沢です。 最近はモバイルサイトを作成するためのブログやノウハウ本などがたくさん出てきて、とても便利になってきましたね。 個人的にはモバイルサイトのデザインやユーザインターフェース関連に関心が高いので、ブログで... 続きを読む

似ているようで大きく異なる2つの世界--モバイルサイトとPCサイトの違いを知る:モバイルチャンネル - CNET Japan

2008/03/18 342 users 一口 ウェブサイト 両者 性能 構築

ウェブサイトの構築というと、一般的にはPCサイト構築を目的として書かれたものが多いが、モバイルサイトを構築する際には、PCサイトでできることが全てできる訳ではないので注意が必要である。 近年携帯電話の高機能化、高速化により、携帯電話の性能がPCの性能に近づいてきた。しかし、両者の間では、まだまだ解消しなければならない違いが数多く存在する。一口にウェブサイトと言っても、モバイルサイトとPCサイトでは... 続きを読む

モバイルサイトのスピード構築術 - livedoor ディレクター Blog

2007/07/04 329 users livedoor ディレクター Blog pics auth

こんにちは、櫛井です。 現在はPC版のPICSやAuthなどのPCサイトを主に担当していますが、昨年の4月に公開されたlivedoor PICSのモバイル版の開発についてお話しようかと思います。 （当時はモバイルの部署におり、livedoorのモバイルサイトを色々と作っていました） 機能面などはプレスリリースや開発日誌などをご覧いただくとして、livedoor PICSモバイル版の開発は以下の手順... 続きを読む

モバイルサイトでの機種判別の話

2007/06/17 321 users もくじ ペン 抽出 機種 無理

もくじ 基礎編 機種判別とは？ どうして機種判別するの？ 機種判別の大まかな流れ 与太実践編 サイトの要件決め User-Agentの取得 機種情報の抽出 機種情報の利用 なんとなくお伝えしたいこと 全機種個別対応とか無理 でも、何も考えてないと、ヘンなサイトになる んじゃ、どういう事を考えておいた方が良いか？ 実際、(僕が)どういう風にやってるか？ もっとうまい方法ないですかねー？ 続きを読む

モバイルサイトを作るときに参考になるサイト | CREAMU

2009/11/27 309 users iPhone iPh Mashable CREAMU CSS

Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPh... 続きを読む

オンライフモバイルの開発で役立った情報源やライブラリのまとめ : akiyan.com

2009/03/23 283 users プレスリリース akiyan.com モバイル モバイル開発

本日、株式会社ヨセミテにて提供中のみんなの闘病サイト オンライフのモバイル版がオープンしました。 日本初、携帯電話から闘病情報の共有ができる『オンライフ モバイル』を提供開始 (プレスリリース) 僕自身、ログインやフォーム送信などの機能を備えたモバイルサイトの本格的な開発は初めてだったので、多くの情報源やライブラリに助けられました。その中でも特に役立ったものを紹介します。 モダンなモバイル開発のス... 続きを読む