一番簡単な、Googleモバイルフレンドリー対応の方法
2015/4/21 より、ウェブサイトがモバイル対応しているかどうかが、モバイル検索のランキングを決定する要素となります。 Google 検索 – モバイルでの検索がさらに便利に 私が運営しているサイトのアクセスを調べてみると、どのサイトも、モバイルデバイスからのアクセスが半数を超えてきています。モバイル対応をしていないと、モバイルのランキングが下がってしまい、アクセス数が大きく減少してしまう可能性があります。 レスポンシブに対応したデザインを一から作るのがベストですが、もう時間がありません。とりあえず手っ取り早くモバイルフレンドリー対応をする方法をご紹介します。 サムリさんが紹介している方法が簡単です。 WPtouchはもういらない？プラグインに頼らずCSSの切替でスマホ対応サイトを用意する方法 1) ヘッダにviewportとcss切替えのタグを設置 下記コードをヘッダ<head>〜<
iPhone 3G発表記念! iPhoneにおける次世代モバイルブラウジングの波｜gihyo.jp … 技術評論社
ここでは、次世代モバイル機器として台頭してきているiPhoneについて、実際のiPhone対応サイト制作やアメリカ動向とともに、今後の展望を占います。 iPhone（日本商標：アイフォーン）の基礎知識 iPhoneは、2007年6月29日にアメリカで発売されたスマートフォンに位置付けられる携帯電話です。それまで、アメリカ国内でモバイル経由でWebにアクセスしている人は全体利用者数のうち10％以下でした。しかし、iPhoneにはWebブラウザのSafariが標準搭載されており、従来のモバイル特有のインターフェースによる制限がなくなったうえ、無線LANに対応していることから、登場以来多くの人がiPhone、すなわちモバイル経由でのWebブラウジングを行うようになりました。 また、iPod touchと共通のタッチパネルを採用することにより、「つまむ」「広げる」「滑らせる」などの操作が可能
スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook -UXPin
スマホページやスマホアプリで実際に使用されているさまざまなUIエレメント・コンテンツの見せ方・アニメーションの特徴、そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Mobile UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
CSS には vw, vh, vmin, vmax という単位がある | DevelopersIO
例として以下の様な HTML 構造があったとします。 <body> <!-- 画像解像度: 100 x 100 (px)--> <img src="images/thumbnail.jpg" /> </body> img { display: inline-block; margin: auto; width: 10vw; } img の幅を 10vw と指定しています。基準となるビューポートの幅を vw で表すと 100vw となります。iPhone 5S のビューポート幅をピクセルで表すと 320px な訳ですが、10vw はその 1/10 ということで32px が img の幅となります。つまり 1vw は 1% と同じ長さになります。もちろんリキッドレイアウトにも対応した動きを持っています。 Demo - viewport lengthを開く（このサンプルはChromeブラウザでの
iPhoneからサイトを作ることに特化したアプリ『Zapd』 | 100SHIKI
もうモバイルからWebサイトをつくる時代かもしれない、と感じさせるサービスのご紹介。 ZapdはiPhoneからサイトを作ることに特化したアプリだ。 PCでサイトを作って、それをモバイルに対応させるサービスはたくさんあるが、Zapdではあくまで「モバイルだけで作る」ことにこだわっている。 モバイルから作るだけあって操作は簡単だ。 まずはテーマを選び、写真をアップし、テキストを追加していくだけだ。そうすればシンプルなTumblrみたいなサイトが出来上がる。あとはそれをお友達に紹介すればいいだろう。 主にモバイルだけしか使っていない、という人も多いだろう。そうした人がサイトを作って楽しむには良いのではないだろうか。
ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
2023.02.11 【2023年最新】ECサイトの構築方法を徹底比較。おすすめのショッピングカートシステムとは？ 本記事では以下のECサイト構築に関する疑問やお悩みに対する解決策をご提案いたします。 ECサイトの新規構築や移管にあたり、どの方法が自社に最適であるか？を調べたい。 現在EC運用中のプラットフォームが陳腐化しており、常に最新化を維持できるシステムに切り替えたい。 ECサイトのセキュリティを強化したい。セキュリティに強いECサイト構築方法を調べたい。 自社ECでは独自のサービスを展開しておりカスタマ […] 2022.12.15 EC-CUBEからクラウド型ASPカートシステムへの移行(リプレイス)方法を徹底解説 EC-CUBEは、ECサイト構築に特化したオープンソースのCMS(コンテンツ・マネジメント・システム)です。ECサイト上で独自性の高い販売方法やサービス提供を展開した
2時間で作るカスタマージャーニーマップ――実例とともに考える新しい「おもてなし」のカタチ | 顧客の行動パターンを理解するためのカスタマージャーニーマップ入門
カスタマージャーニーマップを使う3つのメリット顧客体験の分析にカスタマージャーニーマップを使うメリットとして、次の3つが挙げられます。 視野が広がるWeb担当者が考える施策は、PCやモバイルなどの媒体に視線が向きがちです。しかし、顧客の行動文脈から施策を考えるようにすると、もっと広い視野で施策を検討できるようになります。PCやモバイルだけにとどまらないリアルとの連携や、普段はあまり思いつかないような施策の立案が可能になります。 複雑なデータが直感的に把握できる顧客の体験は、「目的」「行動」「タッチポイント」「思考・感情」など、さまざまな要素の集合として構成されています。これらのすべてを把握することは非常に困難ですが、カスタマージャーニーマップを活用することで全体を見渡せるシンプルな形に整理できます。 施策立案が考えやすくなるカスタマージャーニーマップは、顧客の体験の中でも特に「行動と媒体」
ユーザビリティを考慮した文字サイズ指定&ナビゲーション設計のポイント（第2回） | モバイルサイト構築のユーザビリティいろは
サイト全体のナビゲーションコーナー間での移動ナビゲーションアクセスキーの使い方はじめに――モバイルサイト構築前のルール作り1. 対応端末とマークアップ言語について3キャリア共通のモバイルサイトを構築する場合、サイトのマークアップ言語を大きく分けると、第二世代端末はHTML（CHTMLなど）、第三世代端末はXHTMLに分けられます。 モバイルサイトを構築するときには、世代別のマークアップ言語を把握したうえで、サイトの目的やターゲットとするユーザーによって、HTMLかXHTMLのどちらかを採用します。また、第二世代、第三世代の両方に対応する場合は、HTMLとXHTMLそれぞれで記述したサイトを用意し、アクセスしてきた携帯端末（ユーザーエージェント）に応じて振り分けるシステムを利用することが一般的です。では、具体的にどういった場合にHTMLとXHTMLを選択すればいいのか、いくつか紹介しましょう
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
“モバイルファースト”の本当の意味と、Web担当者が知っておきたい基本＆実践3ステップ | Web担当者Forum
「モバイルファースト」というキーワードをご存知だろうか。その名の通り、まずモバイルサイトを中心にコンテンツを考え、PCなど他のデバイスへと対応させていく考えだが、その本当の意味を勘違いしている人も多いようだ。 スマートフォンの登場で注目を集めているモバイルファーストでは、「ワンソースから各デバイスに対応していく考え方」がポイントになる。そのとき重要になるのが、コンテンツを一元管理できるマルチデバイス対応CMSの存在だ。 この記事では、Webサイト制作現場だけでなく、企業Web戦略の面でも重要な意味を持つ、モバイルファーストの基本について解説する。 スマートフォンの普及で見直しが迫られるPCサイトスマートフォンの普及が加速している。ケータイキャリアのプロモーションや新製品ラインナップを見れば、これは当然の流れだろう。インターネットにアクセス可能なデバイスとして見ると、PC、フィーチャーフォン
レスポンシブ・ウェブデザインの功罪とモバイルファースト | 初代編集長ブログ―安田英久
今日は、スマホ対応で注目を集める「レスポンシブ・ウェブデザイン」の良い点と悪い点を述べていきます。 結論としては、レスポンシブ・ウェブデザインはすごいと思いますが、現状では、スマホ向けにはレスポンシブ・ウェブデザインを採用せずに専用の軽いHTMLを用意して対応するべきだと私は考えます。そうでなければ、完全にモバイル・ファーストでのデザインで進めることです。その理由を解説していきます。 3分でわかる？ レスポンシブ・ウェブデザイン「レスポンシブ・ウェブデザイン」のことを耳にしたことはあるでしょうか？ 2011年に日本でも注目された、Webページのデザイン手法で、PC向け・スマホ向け・タブレット向けなど、さまざまな画面サイズのデバイスに対応したWebデザインを柔軟に実現できるようにするものです。わかりやすく言うと、次のような仕組みで実現しています。 CSS3の「Media Queries（メデ
モバイルサイトを使いたがらない人に、 モバイルサイトを使わせるには?（1/2）：MarkeZine（マーケジン）
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ケータイサイトの制作と集客、基本を理解しよう - 携帯マーケ入門#2 | 今からでも遅くない！ これから始めるケータイマーケティング入門
はじめてのケータイサイト 制作PCサイトとの違いを把握するケータイマーケティングで最も大きなウェイトを占めるのは、ケータイサイトの構築である。サイトの構築には、PCサイトとは違う、いくつかの注意するべきポイントがある。 1.キャリアによる違い携帯サイトを構築する場合、対応する携帯キャリアによって、仕様が細かく異なっている。キャリア特有の特徴を把握しながら、サイト制作をする必要がある。 2.メーカーや機種の世代による違い同じキャリアの中にも、メーカーごと、機種（の世代）ごとによる違いもある。これらの違いは、たとえば画像の表示の仕方に現れる。キャリアやメーカーによって画面サイズが異なるし、さらにキャリアによって画像フォーマットが異なる。キャリアの違いについては、他にも絵文字形式や動画形式、Flash、アプリなど多岐にわたって考慮することがあるので注意が必要である。 3.情報量の違いケータイとP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.mobiletuxedo.com/
ミツバチワークス株式会社
http://case-mobile-design.com/
Loading...
比較テストで見えた成果を出すモバイルECサイトのユーザビリティ（第8回） | モバイルサイト構築のユーザビリティいろは
モバイルサイト構築のユーザビリティいろは コーナーの記事一覧 | Web担当者Forum