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

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

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

Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」 | 男子ハック

2014/08/10 207 users 指針 男子ハック テスト サンフランシスコ シカゴ

モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要 img　via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス... 続きを読む

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

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

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

モバイルサイトのナビゲーションメニューは画面下に置くべき | Webクリエイターボックス

2014/02/19 204 users ナビゲーションメニュー モバイルユーザビリティ シェア 必須

スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に... 続きを読む

シンプルで汎用性のある、アウトライン型無料アイコン素材まとめ 2013年PhotoshopVIP |

2013/12/19 116 users 汎用性 アイコンデザイン エントリー iOS 7 ライン

iOS 7に採用された、ラインのみで描かれた、シンプルなアイコンデザインは、モバイルサイトの他に、Webデザインでも利用されるようになってきています。 海外デザインブログCSS Authorで、無料ダウンロード可能な、ライン型アイコン素材をまとめたエントリー「60+ Free Line Icon Sets」が公開されていたので、今回はご紹介します。シンプルなデザインが中心となり、汎用性のあるフリー... 続きを読む

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

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

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

クロスプラットフォーム対応モバイルサイトを構築するために必要なファイルをまとめた -Mobile Boilerplate | コリス

2011/03/30 121 users htaccess コリス Sencha Touch CSS

HTML, CSS, JavaScriptをはじめ、sitemap.xml, .htaccessやアクセス解析など、モバイルサイトを構築するファイルをまとめた「Mobile Boilerplate」を紹介します。「Mobile Boilerplate」はjQuery MobileやSencha Touchなどと相性がばっちりだそうです。Mobile Boilerplateの特徴クロスプラットフォー... 続きを読む

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

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

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

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

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

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

mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 - livedoor ディレクターブログ

2010/03/16 249 users 渡邉雄介 livedoor わん 手順 リリース

2010年03月15日 11:53 mixiアプリモバイルを作る前に知っておきたい、PC版との違い5点 モバイルサイトの開発 モバイル事情 モバイル事業を担当している渡邉雄介です。ライブドアでは2月に初のmixiアプリモバイル「わんにゃん★マイスター」をリリースし、現在も複数のアプリの開発を進めています。 リリースまでの手順はmixi Developer Center (開発者向けサイト) に詳し... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

移動中より自宅がメイン?　モバイルサイトの本当の利用スタイルを知る：MarkeZine（マーケジン）

2009/04/20 232 users MarkeZine モバイルインターネット マーケジン 自宅

モバイルサイトは移動中より“自宅でのんびり”　最も認識が異なる要素として挙げられるのが「利用場所」である。携帯電話はいつでもどこでも利用できることから、モバイルサイトも外出先や移動中で利用されるもの、という認識を持つ人が多いことだろう。では実際のところはどうなのだろうか?　まずは以下のグラフを見て欲しい。 これは、モバイルインターネットを利用している人を、PCのインターネットを毎日利用している人(... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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