スマートフォンサイト制作で「なんで拡大縮小できるようにしてるの？」と言われた時の対処法 | Border/memo

2014/10/16 368 users border memo viewport width 実在

※ この話はフィクションです。実在の人物や団体などとは関係ありません スマートフォンサイトを制作していて、「サイトを自由に拡大縮小できるようにしてるのは理由あんの？」と言われた時の場合の話です。 Viewportの設定どうしてたか <meta name="viewport" content="width=device-width"> これだけ。こうするとサイトの幅=デバイスの幅になり、拡大縮小は自... 続きを読む

ライバルを出し抜け！スマートフォンサイト制作でコンバージョン率を上げる7つのポイント | LPO研究所

2014/02/18 488 users コンバージョン率 ライバル LPO研究所 マルチデバイス 鎌田

LPO研究所所長の鎌田です。 今回は「スマートフォンサイトでコンバージョン率を上げるための重要ポイント」をお伝えします。 レスポンシブデザインだの、HTML5だのといった技術的な話は一切しません。あくまで「コンバージョンに直結するスマートフォンサイト制作の考え方、施策」についてお伝えします。 時代はスマートフォンだ、マルチデバイスだと騒がれてはいるものの、実際のところ、Web上でスマートフォンから... 続きを読む

【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 | 07design.blog

2013/01/08 639 users 基礎知識 07design.blog 総まとめ

お久しぶりです。本年もよろしくお願いいたします。この１年も色々とお仕事させてもらいましたが、特に急増した仕事がスマートフォンに関わるものでした。そこで今更ではありますが、初心者向けに…お久しぶりです。本年もよろしくお願いいたします。 この１年も色々とお仕事させてもらいましたが、特に急増した仕事がスマートフォンに関わるものでした。 そこで今更ではありますが、初心者向けにスマホサイトを制作するにあたっ... 続きを読む

はじめてのスマートフォンサイト制作「jQuery Mobile を使った制作編」 | ウェブル

2012/05/08 128 users jQuery Mobile ウェブル 制作編

前回の基礎知識や開発環境の準備編で、基本的な勉強や開発環境は揃えましたので、本記事では具体的な制作に入っていきます。 アニメマップ | 全国のアニメの番組表を生成するサービス この記事を書きながら以上のサイトをスマホ対応しました。どんな感じで動くのかチェックしたり、実際に動いているサイトのソースを見たい場合などは参考にしてください。 どんな風に作るのか ハイクオリティで広範囲のプラットフォームに対... 続きを読む

はじめてのスマートフォンサイト制作「基礎知識や開発環境の準備編」 | ウェブル

2012/05/07 478 users ウェブル 用語 用語整理 基礎知識 アニメマップ

テレビの前でアニメ番組表見ながら録画したい人は必ずいると思いますので、アニメマップをスマホ対応していきます。ただ、今までスマホサイトを制作したことが無いので、サイト設計から基礎知識、デザインの知識など一から全て勉強していきますので、その点についてまとめて行きます。 用語整理 まず初めてに新しい用語などについて整理していきます。用語については自信ある方はこの項目は飛ばして下さい。 「スマホ」と「スマ... 続きを読む

iPhoneサイト制作（スマートフォンサイト制作）最適化のために最低限必要なreset.cssをつくってみよう | HTML5でサイトをつくろう

2012/02/16 430 users CSS reset.css 命令 記述 ソース

iPhoneサイト制作（スマートフォンサイト制作）をする上で、ソースの無駄な記述を最低限に抑え、通信速度を上げることが「最適化」へとつながります。 スマートフォンサイト用に最適化したcssを制作する場合、reset.cssの記述を減らすことで、重複する命令を減らして、読み込みのスピードを上げることができます。 今回はスマートフォンサイトを制作する上で、最低限必要となるreset.cssの記述につい... 続きを読む

画像を使わないでCSS3のグラデーションでスマートフォンサイトの背景パターンをつくろう | HTML5でサイトをつくろう

2012/02/13 322 users 容量 通信速度 外出先 グラデーション 機会

スマートフォンサイトを制作する上で重要となる「最適化」。 PCサイトとは違い、外出先や移動中などに見られる機会が多いスマートフォンサイトでは、できるだけ容量を抑えて通信速度を上げ、サクサクと閲覧できることがもとめられます。 スマートフォンサイト最適化のためには様々な方法がありますが、できるだけ使用する画像の容量を減らすこともその一つです。 今回は、スマートフォンサイト制作に便利な、CSS3のグラデ... 続きを読む

ウェブマスターツールとGoogle Analyticsが連動・紐付け出来るようになりました！ | スマートフォンサイト制作のネタ帳

2011/11/21 19 users ウェブマスターツール 連動 ネタ帳

Googleウェブマスターツールですが、サイトマップの設定やクローラーに対する設定などができます。 その中で、特に便利であった「検索クエリ」と言う機能があります。 これは、 [検索トラフィック] ページには、サイトのページが検索結果として表示された Google ウェブ検索のクエリに関する情報が表示されます。またそのサイトで、検索結果に最もよく表示されたページ（トップ ページ）に関する情報を表示す... 続きを読む

遂に公開したGoogleAnalyticsの「リアルタイム解析」は、どこから見れるの！？と言う質問について | スマートフォンサイト制作のネタ帳

2011/11/04 16 users GoogleAnalytics chartbeat ネタ帳

遂にグーグルアナリティクスで、リアルタイムアクセス解析が公開されました。 弊社では、もともとchartbeatと言うリアルタイム解析サービスを利用しておりましたが、今回のβ版機能を見ているとリプレイスも可能ではないかなと思っているぐらい便利です。 しかし、タイトルに書いた通り、 「どこから、リアルタイム解析見れるの？」 と聞かれることが多いため、今回は閲覧までの流れをまとめてみようと思います。 ※... 続きを読む

Google AnalyticsでiPhone・Androidユーザーの訪問割合を即調べる方法。 | スマートフォンサイト制作のネタ帳

2011/09/29 40 users ネタ帳 Google Analytics アナリティクス

Google Analyticsを使って超簡単にあなたのサイトにiPhone・Androidユーザーがどの程度の割合で訪問しているかを調べる方法をご紹介します。 凄く簡単なので、早速操作に入ります。 アナリティクスでiPhone・Androidユーザーの訪問割合を調べるまでの手順 １・サイト分析　→　ユーザーの環境　→　ブラウザとOS　という手順で進んでください。 ２・線グラフの下に小さく「表示中... 続きを読む

カスタムレポート機能を使ってコンバージョンまでのアクセス経路を探ろう！ | スマートフォンサイト制作のネタ帳

2011/09/23 19 users コンバージョン カスタムレポート アクセス経路 ネタ帳 解析

今回は、Google Analyticsのカスタムレポート機能についてご紹介します。 今回紹介するカスタムレポート機能の設定内容 カスタムレポートは、あまり周りでも使っている人が少なく、完璧に使いこなそうと思うとかなり色々と勉強する必要があります。 しかし解析においてはかなり重要な機能ですので、今回は コンバージョンまでのアクセス経路を解析するレポートの作成方法 の設定方法にフォーカスを絞りご紹介... 続きを読む

アドバンスセグメントを用いた、スマートフォン経由に限定したアクセス分析方法 | スマートフォンサイト制作のネタ帳

2011/09/22 14 users アドバンスセグメント フィルタリング フィルタ セッション

今回は、Google アナリティクスの「アドバンスセグメント」機能を使い、 PCとスマートフォンのアクセス数を個別に確認する方法をご紹介いたします。 アドバンスセグメントとは　・・・　 データのフィルタリングに関する下記のご要望等をもとに開発されたものです。 フィルタリングしたセッション (例:検索エンジンからの訪問) と、サイト全体のセッションを1つのレポート画面で比較したい。 作成したフィルタ... 続きを読む

レスポンシブwebデザインで制作する時のポイント | Design Spice

2011/09/22 917 users Design Spice レスポンシブWebデザイン 復習

先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つ... 続きを読む

allWebクリエイター塾　ブログ: jQuery Mobileのよく使うスニペット3種

2011/06/13 47 users allWebクリエイター塾 jQuery Mobile

2011年6月10日金曜日 jQuery Mobileのよく使うスニペット3種 先日行われたSwapSkillsFreeEvent(3)「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」で講演した際に要望の多かったスニペットを＋αして公開します。 1. 日本語化英語メッセージの箇所をすべて日本語に変更しています。日本語は各自お好みで編集してく... 続きを読む