Category Archives

245 Articles
【jQuery】レスポンシブなサイトで、デバイスサイズで適用させるjavascriptを切替

【jQuery】レスポンシブなサイトで、デバイスサイズで適用させるjavascriptを切替

レスポンシブウェブデザインではCSS(スタイルシート)を画面の横幅に応じて設定したブレイクポイントを切り替えることで、HTMLコンテンツの見た目を調整しています。CSSではメディアクエリを利用してこの切り替えを実施していますが、JavaScriptの切り替えはどのように行えばよいのでしょうか?

今回はレスポンシブウェブデザインでブレイクポイント毎にJavaScriptの切り替えを実現するjQueryの実装方法をご紹介します。

Read More

Googleがモバイルファーストインデックスを正式に開始

昨日、日本時間の早朝、Google米国のウェブマスター向けブログでモバイルファーストインデックス(MFI)への切り替えを広い範囲で開始した、とアナウンスがされました。

Rolling out mobile-first indexing

その後日本語版のブログも更新され、発表されました。

モバイル ファースト インデックスを開始します

本日、Google は 1 年半の慎重な実験とテストの結果、モバイル ファースト インデックスのベストプラクティスに準拠したサイトの移行を開始したことを発表します。

今回は、モバイルファーストインデックス(MFI)のおさらいと、サイト制作者がどのような対応をしなければならないのか、まとめてみたいと思います。

Read More

レスポンシブサイトを印刷(プリント)したいときに使えるChromeの拡張機能

レスポンシブサイトを印刷(プリント)したいときに使えるChromeの拡張機能

こんにちは。サポート部の山本です。
あったかくなってきましたね。

ペーパレス化が進んでいる昨今ですが、それでも稀にWEBサイトをプリントアウトしないといけない時があります。ところが、レスポンシブサイトを印刷してみるとCSSが効いてない状態で印刷されてしまうケースがあります。

今回はそんな時にうまく印刷できるChromeの拡張機能『Awesome Screenshot』を紹介します。

Read More

【レスポンシブ対応】高機能なスライダーが作成できる「slick」

【レスポンシブ対応】高機能なスライダーが作成できる「slick」

今回はslickというスライダー実装のためのjQueryプラグインをご紹介します。

Read More

スマホECサイトの売上UPを実現するチャット接客ツール4選

スマホECサイトの売上UPを実現するチャット接客ツール4選

みなさん、明けましておめでとうございます。編集長の上林です。

2016年〜2017年にかけて、Googleのモバイルファーストインデックスが発表され、さらにアメリカではテスト的に導入までされるようになりました。2018年もモバイルSEO業界の動向から目が離せません。

さて2018年初めの記事はECサイトでも重視されているWebでの接客ツールについてご紹介いたします。いくつかある接客ツールサービスの中でも、今回はWebでのチャット機能に特化したサービスを集めてみました。

Read More

ネットショップをレスポンシブウェブデザインにすべき理由

ネットショップをレスポンシブウェブデザインにすべき理由

今回はネットショップをレスポンシブウェブデザインにすべき理由を考察します。これまでネットショップの多くはPC中心のサイト運営をしてきました。2017年多くのネットショップのサイトは変化対応ができておらず、いまだPC中心の運営になっているのではないでしょうか。しかし時代が大きく2つ変わりました。それは「既にネットショップ利用者が既にモバイル中心になったこと」、もう一つが「PC向けのネットショップではなく、スマホやタブレット、PCなどマルチスクリーンに対応しなければいけないこと」です。

この時代背景からネットショップがなぜレスポンシブウェブデザインにしなければいけないか、逆にしなければどうなるのか、を考察します。
Read More

スマホECでの離脱防止ツールの決定版!Veを使ってみた

スマホECでの離脱防止ツールの決定版!Veを使ってみた

ECサイトの課題として常に挙げられている、サイト離脱。特に「カートに商品を入れてからの離脱」は、ユーザに購入意思があったにも関わらず、何らかの理由で離脱してしまう、とてももったいない状態です。スマホECでは特に入力の面倒くささから途中で購入を止めてしまったり、通信が途中で途切れてしまい、そのままサイトを閉じてしまう等原因が考えられます。

そこで今回はカートに商品を入れた状態で、何らかの理由でサイトを離脱したユーザにリマインドのメールを送信することが出来る便利なツールをご紹介します。

Read More

Google公式モバイル対応テストツールで課題を丸出しにしてみる

Google公式モバイル対応テストツールで課題を丸出しにしてみる

みなさんこんにちは、セールス部の岡村です。2017年もあっという間に1か月半が経過しました。来年度に向けてECサイトをどうしていくか戦略を立てる時期に来ています。そこで今回は原点に帰り、自社のサイトが本当にモバイル対応できているのか?をチェックし戦略を立てる上でのヒントにしていただければと思います。
Read More

商品ページでユーザーを迷わせない!カートへの固定ボタンをふわっと表示

商品ページでユーザーを迷わせない!カートへの固定ボタンをふわっと表示

長いスマホ商品ページでも購入導線をわかりやすく表示し離脱を防ぐ

画像やテキストで商品が訴求された長い商品ページは商品の情報が充実していてるのですが、いざ買おうと思ったときに「どっから買うたらええねん」となってしまうことがあります。特にスマートフォンでは画面が小さい分注意。

そうなってしまわないように、今回は商品ページでユーザーにを迷わせないようにカートボタンへの固定ボタンを表示させます。
Read More

レスポンシブにも対応!モーダルウィンドウの効果的な使い方

レスポンシブにも対応!モーダルウィンドウの効果的な使い方

レスポンシブECサイトaishipRの事例としても、採用サイトが増加しているモーダルウィンドウ。

モーダルウィンドウとは、タップ(クリック)操作をすることにより表示されているページに コンテンツを浮かび上がるように画面が立ち上がり、コンテンツ内の「×」印や背景をタップ(クリック)することで画面を閉じます。

モーダルウィンドウはスマートフォンでは操作しにくく不向き、というような声もありますが、レスポンシブにも対応した方法で、使う場所や使い方を間違えなければ、十分に使える表示方法だと思います。
Read More