「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 | 編集長ブログ―安田英久 | Web担当者Forum

2017/07/04 145 users 安田英久 グーグル Web担 モバイル Web担トップ

Web担トップ » [コラム] Web担のなかの人――編集部ブログ » 編集長ブログ―安田英久 » 「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 編集長ブログ―安田英久 「御社のスマホサイト、遅いから19%離脱してるよ」グーグルのわかりやすい測定サービス登場 モバイルでのページ読み込みが遅いせいで、これぐらいの人を逃してるよ？ 改善しないともったいないよ... 続きを読む

よこ並びのCSS。

2017/02/15 569 users CSS レスポ タブ ナビゲーション 昨今

ナビゲーションやタブやアイテムリストなど、「よこ並び」にレイアウトするためのCSSについて、お馴染みの方法から最近の方法まで、順番に見ていきます。スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかな。とも思いますけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、アイテムリストなど、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。もちろん画面幅にはレスポ... 続きを読む

CSSで縦横比を維持しながら横幅いっぱいに背景画像を表示させる方法 | NxWorld

2016/05/14 132 users NxWorld ウインドウサイズ auto 横幅 img

特にレスポンシブやスマホサイトで見かけることが多い、どんなウィンドウサイズでも縦横比を維持しつつ横幅いっぱいに画像を表示している見栄えですが、imgであれば画像を配置して width:100%; と height:auto; を指定しておけば簡単に表示させることができても、その見栄えを背景画像を利用してとなると先述した方法では実装できません。背景画像でも同じように縦横比を維持しつつ横幅いっぱいに画... 続きを読む

スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと | ネットショップ担当者フォーラム　ダイジェスト | Web担当者Forum

2015/04/07 119 users ダイジェスト アナウンス Web担トップ Google 最適化

Web担トップ » 編集記事一覧 » ネットショップ担当者フォーラム　ダイジェスト » スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと ネットショップ担当者フォーラム　ダイジェスト スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと Googleのアナウンスを受け、スマホサイトの最適化についてお伝えします。（連... 続きを読む

スマホの検索順位が変わる？ 4月21日までにサイトのモバイル対応で、やっておくべき4つのこと | ネットショップ担当者フォーラム

2015/03/20 120 users 検索順位 モバイル対応 スマホ アナウンス 順位

Googleのアナウンスを受け、スマホサイトの最適化についてお伝えします。（連載第8回） 先日Googleより「4月21日以降、スマホ対応しているかどうかで順位に影響が出る」とのアナウンスがありました。どの程度のインパクトがあるのかはわかりませんが、サイト運営者にとって大きな変更です。というわけで、キーワードの選び方の解説に入る予定を変更し、急きょ、スマホサイトの最適化について解説します。スマホ検... 続きを読む

『スマホサイト VS アプリ』どっちで作る！？WEBとネイティブアプリの違いとは | セルバマーケティングブログ

2015/02/17 100 users ネイティブアプリ セルバマーケティングブログ web

スマホからのアクセス急増に伴い、近年ウェブサイトで重要とされているのが、スマホに対応したサイトをまず構築する「モバイルファースト」。そのため、スマホ対応したウェブサイトが増えているのですが、そこから更にサービスをアプリ化する流れが多くなっています。既にスマホ対応しているにも関わらず、アプリ化するメリットとは？そのポイントを解説します。 １）強力な「プッシュ通知」が使える ウェブサイトにはないアプリ... 続きを読む

スマホサイトのデザイン時に参考になるWebサイトのギャラリーまとめ | 株式会社LIG

2015/02/09 225 users 株式会社LIG 参考 Webサイト デザイン時 キーワ

こんにちは、デザイナーのモモコです。 今回はスマートフォンサイトをデザインする際に参考になる、UIやトレンドのリンク集、ギャラリーサイトをまとめてご紹介します。 デザインやUIの参考に！スマートフォンサイトのギャラリーまとめ sps collection http://spscollection.com/ シンプルな構成のスマートフォンサイトのデザインリンク集。 最大100件ずつ表示ができ、キーワ... 続きを読む

これはハマった！スマホサイトのコーディング時に悩んだバグと仕様4選【iOS8情報あり】 | 株式会社LIG

2014/11/13 165 users パク 株式会社LIG コーディング時

こんにちは！　フロントエンドエンジニアのせいとです。 先月LIGブログがリニューアルされました。僕はメインでコーディングを担当していたのですが、いつものようにスマホでの不具合には悩まされました。 とくに今回焦ったのは、直前でiOS8がリリースされたことでした。まだ情報がない中で、こいつで起きた不具合を解明するのには手こずりました（’ー’） そこで今回は、スマホのコーディングで僕が詰まったポイントと... 続きを読む

初心者〜中級｜スマホサイト作成の9ステップと大切にしたい事

2014/10/29 116 users 中級 スマホサイト作成 9ステップ 初心者 作成工程

スマホサイトはあなたが「パソコンサイトを作る技術」を持っていれば作ることが出来る。 なぜならばインターネット上のサイトであるのはパソコンサイトと同じだからだ。 しかし技術は同じであってもスマホサイトを作る前に知らないといけない知識が確実に存在する。 この記事では自分でスマホサイトを作ろうとしている人に向けて9ステップで全ての作成工程をお伝えする。 この記事を読んであなたのビジネスに直結するスマホサ... 続きを読む

スマホのメニューデザインに悩んだらこれを見る　徹底収集36選！

2014/10/09 511 users スマホ メニューデザイン メニューアイコン ユーザ タップ

スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイト... 続きを読む

スマホサイトのEFO（フォーム最適化）で爆発的成果を出すための５原則 | LPO研究所

2014/08/18 146 users ユーザビリティ コンバージョン 鎌田 EFO 昨今

LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 ... 続きを読む

iOS - ただのWebエンジニアがスマホサイトを開発するにあたって知っておきたいこと - Qiita

2014/06/11 437 users iOS Qiita juggly.cn 各国 Apple

今更だけど、スマホサイト開発未経験のエンジニアが、スマホサイトを開発して気づいたことやハマったことなどの雑多なまとめです。 対象はiOS, Androidです。 シェア率(日本) 最近の動向など 2014年4月のスマートフォン販売シェア、日本ではiOSがトップ、欧州ではWindows Phoneのシェアが各国で増加（Kantar調査） | juggly.cn Apple、2014年第1四半期におい... 続きを読む

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） | Design Color

2014/06/09 664 users Design Color コーディング時 サンプル 小技 1行

もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わ... 続きを読む

使いにくい・成果がでない「残念なスマホサイト」は、もう撲滅しよう！ - CNET Japan

2014/01/09 120 users とりえ 成果 さい CNET Japan 本来

いま「スマホファースト」との言葉も広まり始めたように、誰もが普通にスマートフォンを持ち歩く時代が訪れ、企業がスマートフォン対応をより重視するようになってきた。だが、とりえあえずスマホ対応しました、といったレベルに留まっていたり、そうでないにしろ、本当に現在の「スマホサイト」が、本来のビジネス上の狙いが果たせるサイトになっているか、自信は持てるだろうか？ どうしても成果があがらないならば、やはりサイ... 続きを読む

Webディレクター必見！Google Analyticsを使ってスマホサイトの課題を発見する５ステップ【小川 卓】 | Find Job ! Startup

2013/11/04 226 users アナリティクス Startup レポート アクセス解析ツール

Webディレクター必見！Google Analyticsを使ってスマホサイトの課題を発見する５ステップ【小川 卓】 アクセス解析ツールといえばGoogle アナリティクス！という方は多いでしょうが、スマホサイトに最適化された設定を行っていなかったり、そもそもレポートを見ていなかったりというケースもちらほら。 今回はそんなものすごくもったいない事をしてしまっている方々のための「Google アナリテ... 続きを読む

スマホサイト構築に！ドロワーメニュー、スワイプのプラグインまとめ | 株式会社LIG

2013/10/15 366 users ドロワーメニュー スワイプ 株式会社LIG LIG 案件

こんにちは。デザイナーのはるえです。 もうほとんどの案件でPC＋スマホ制作がセットになってきましたね。 LIGに入社したての1年前まではスマホの制作経験を聞かれてうつむき気味だった私も、おかげさまで今じゃスマホサイトを喜んで作るようになりました。 ありがとうございます！！ そこで今回は、スマホサイトで使われやすいドロワーメニューやスワイプ実装の際に必要となるプラグインをご紹介させていただきます。 ... 続きを読む

手塚治虫作品400冊が読めるスマホサイト | RBB TODAY

2013/09/25 104 users RBB TODAY ミハラヤスヒロ 手塚治虫 吉永小百合 特集

手塚治虫作品400冊が読めるスマホサイト 2013年9月25日(水) 20時46分 ツイート メルマガ購読 【特集】手塚治虫 ├コラボラッシュのミハラヤスヒロ、手塚治虫『火の鳥』 ├ラコステライブ、手塚プロとのコラボ第2弾……『火の鳥』のTシャツなど └松山ケンイチ、吉永小百合と初共演！「BUDDHA2」2月公開決定 「Tezukanizer」　手塚プロダクション　手塚治虫作品400冊が読めるスマ... 続きを読む

WEBディレクター必見。ストレスのないスマホサイトを作る８つのポイント！ | 株式会社LIG

2013/09/18 369 users 株式会社LIG WEBディレクター必見 ストレス ポイント

お久しぶりです。マラガの海の贈り物ディレクターのSEKOです。 みなさんは普段スマホで「いつ」「どこで」調べ物をしますか？ 私は会社の行き帰りの電車の中で調べ物をしている事が多いですが、「限られた時間の中で知りたい情報をすぐに見つけたい」なのにサイトが重かったり、知りたい情報が見つけにくい、操作がしにくい。そんな経験はないでしょうか？ 本日はストレスのないスマホサイトを作るにあたりUIをどのように... 続きを読む

ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』｜ウェビメモ

2013/08/27 194 users キータ ウェビメモ Qiita PageSlide 秘訣

以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 な... 続きを読む

ぜんぶ無料！スマホサイトを素人でも制作会社に頼らず作成できるツール6個

2013/06/06 770 users 素人 制作会社 無料 好例 見栄え

無料で使えて、誰でも簡単にPCのブラウザから見栄えのいいスマホサイトを作れるツールを6個厳選しました。好例の「Webサイトを自分で作ってみようシリーズ」第三弾！ 今回は、スマホサイトを素人さんでも簡単に制作できる「スマホサイトビルダー」を紹介します。「ちょっ、こりゃ便利すぎる」と、思わず唸ってしまうものだけを6つ厳選しました。 ぜんぶ無料で使えて、PCさえあれば、ブラウザから見栄えのいいスマホサイ... 続きを読む

スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイト ｜ iPhoneデザインボックス

2013/04/16 215 users iPhoneデザインボックス メニューアイコン メニュー

iPhoneデザインボックス » スマホサイトのUIでよく使うメニューのリスト表示まとめ３３サイトスマートフォンサイトを作るときにヘッダーにメニューアイコンを設置してクリックするとメニューリストがでるようにすることがあります。表示の仕方やアニメーションは色々あるのでまとめました。最近は、流行り？なのかFacebookのアプリように横から出てくるメニューが多いです。 続きを読む

ASCII.jp：日本のスマホサイトは2年間でこんなに変わった (1/4)

2013/03/27 660 users ASCII.jp ２年間 日本

スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業の... 続きを読む

コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS

2013/01/28 361 users クライアント ギャラリー 立場 plus 導入

一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集... 続きを読む

ASCII.jp：遅すぎる日本のスマホサイトの原因を探る｜本気で取り組むスマホサイト高速化

2013/01/08 315 users ASCII.jp 原因 日本 アーリーアダプター イノベーター

デジタル機器の利用動向で知られるコムスコアの調査によると、2011年12月時点の日本における携帯電話に占めるスマートフォンの割合は16.6%でしたが、2012年6月には23.5%になり、半年で約7ポイントも増加しました。「まだ4人に1人の割合じゃないか」と思う方もおられるでしょう。 しかし、有名な「キャズム理論」によれば、普及率がイノベーターとアーリーアダプターを合わせて16%を超えると、一般大衆... 続きを読む

スマホサイトに入れると使いやすくなる！おすすめjQuery4選！ | デザイナーブログ | 株式会社LIG

2012/09/21 1065 users 株式会社LIG デザイナーブログ

どうも、はやちです_(:3」∠)_ スマホに使うとよりサイトが見やすくなるjQueryをまとめてみました。 アコーディオン アコーディオンみたく開閉式のメニューが実装できるjsです。 記事の多いコンテンツをまとめるのに便利ですね。 ■動きをみる HTML </p> <dl class="acordion"> <dt class="trigger">アコーディオンメニュー<span class="o... 続きを読む