サイトを作成している時 「何とかページ容量を軽くする方法はないかな」 そんな風に悩まれたことはありませんか？ aishipでは1つのページをスマートフォンとフィーチャーフォン（携帯電話）とで共有しているので、スマートフォンでは問題ないページ容量であったとしても、フィーチャーフォンから見た時にページ容量を超えてしまって閲覧できないといった現象にしばしば遭遇します。 最近のフォーチャーフォンでは300 […]
1.サイト制作がうまくいかない、、、さあどうしよう？？ 2.微妙に左右に動く（ずれる）！？CSSを確認しよう！ 3.javascript が動かない！？エラーを確認しよう！ ■サイト制作がうまくいかない、、、さあどうしよう？？ スマートフォンサイトの制作はCSS3やHTML5の使用が肝です。これらを使うことでスマートフォンサイトらしさを演出することが出来て閲覧者の心を惹きつけることができます。 し […]
今回はaishipのスマホECサイトのデザイン例とワイヤーフレームをご参照いただき、改めてスマホECにおけるワイヤーフレームの重要性を説きたいと思います。 ECサイト構築で軽視されがちの「ワイヤーフレーム」ですが、私たちはスマートフォンECサイト構築においてワイヤーフレーム作成は“絶対必要”と考えています。ワイヤーフレームとは、ページの画面遷移やコンテンツ、レイアウト設計などを示した構成図、設計図 […]
スマートフォンサイトの制作を進めている時、回りこみの解除に悩んだり戸惑ったりしたことはありませんか？ 私事ですが、仕事ではじめてHTMLやCSSを使ってサイト制作をやり始めた頃、回り込みの解除の記述に悩んだことがしばしばありました。 以前からよく見かける方法として <br clear="all" /> <div class="clear" […]
以前、このサイトでも記事（スマートフォンだから出来る！画像/デザインのこだわりECサイト 【aishipスマホECサイト（デザイン）事例】ウィッグ通販）で取り上げてた リネアストリア様に、実際にお会いして取材をしました。その際にお聞きした「スマホサイトのこだわり」について、抜粋したものを掲載します。スマホサイトやページを作る際のこだわりや注意点などについて、お話いただきました。 ※実際の取材の動画 […]
＜目次＞ スマートフォンサイトは横幅320pxで作ろう！ スマートフォンの解像度は横幅320pxではない？ スマートフォンサイトでは画像を大きめにしよう 1.スマートフォンサイトは横幅320pxで作ろう！ スマートフォンサイトを作るときに必ず目にするのが『viewport』です。以下の記述をすることがスマートフォン対応の第一歩です。 これは「サイトの横幅をデバイスの横幅に合わせます」という指定です […]
ちょっとした小技をご紹介します。 ウェブサイトを制作する際に、特に通販サイトで重要なのがファーストビューです。そのサイトを開いたときにまず目に入ってくる部分のことです。初見でサイトの魅力をしっかり伝えることが重要になってきます。 このファーストビューの良し悪しが売上に繋がることもあります。また、ファーストビューをなるべく広く取ることで多くの情報を伝えることができます。特にスマートフォンなどモバイル […]
■はじめに 前回に引き続き今回もaishipユーザ様のスマホサイトご紹介をします。 ■女性下着通販 Angelis様( http://a-ab.net/ ) 今回は、女性下着通販Angelis様のサイトをご紹介します。 ターゲットが若い女性向けということもあり、非常にかわいらしいデザインになっています。 やはりこのサイトも以下のポイントを押さえています。 【1】タッチのしやすさを考慮している ご覧 […]
以前に「スマートフォンサイトのテクニックを使おう」という記事タイトルでフリックスライドに関するご紹介をさせていただきました。 今回、このフリックスライドがバージョンアップしたのでご案内いたします！ 【変わったこと-1】 HTMLの構造が少し変わりました。 <div class="sp-flickslide" data-interval="3000"> <div class="sp […]
aishipご利用ショップ様を、aiship導入事例ページでご紹介させて頂いています。 スマートフォンから商品購入ページをご覧頂くとページの上部に買い物かごに入れるボタンが付いていて、下までスクロールしてもついてくる… こちらはaishipではCSSとjavascriptを使って実現しています。 最近の携帯電話向けサイトをご覧いただくとよく解りますが、いずれのページも商品の説明文が細かく紹介されて […]
今回は、これからスマホECで売上拡大を目指すマネージャーやディレクターに必ず役立つ内容として、スマホEC売上に大きく影響を与える『ファーストビュー』についてご案内します。 弊社サービスaiship (http://www.aiship.jp/) はスマートフォン・携帯・PCの3デバイス向けECサイト構築運営が可能なクラウド型ASPですが、ASP提供だけでなく1300社以上のスマホECサイト導入実績 […]
1.なぜSafariなのか？ 2.スマートフォンサイトをSafariで見てみる 3.上級編、開発者向けツールを使ってみる ■なぜSafariなのか？ 世の中にはいろんなブラウザがあります。それらは『ユーザーエージェント』という情報を持っていて、サーバー側でどのブラウザを使っているのかを判断することが可能です。また、ユーザーエージェントはブラウザの種類ごとに特徴を持ちます。 例えばInternet […]
