こんにちは。ECプロデュース部の岡本です。 ブログやウェブサイト構築に用いられるCMS「WordPress」はオープンソース・ソフトウェアのため、日々新しいテーマが登場しています。 今回は2014年1月にWordPress催眠術師≪無料ワードプレスのテーマ ５：リッチな企業向けテーマ：LizardBusiness LizarThemesによるビジネス向けテーマ「LizardBusiness」です。 […]
こんにちは。ECプロデュース部の岡本です。 SEOやサイト更新の手間を考えるとレスポンシブウェブデザインが一番なのですが、 やはり状況によっては端末ごとに出力するタグを切り替える方が良い場合もあります。 今回はWordPressで端末ごとにタグを出し分ける方法についてご紹介します。 PHP で、ユーザーエージェント（iPhone・Android・タブレット・携帯・PC）によってページを振り分ける […]
こんにちは。ECプロデュース部の岡本です。 突然ですが、皆さんはWebサイトのコーディングをどこで実施されていますでしょうか？ 私はもっぱらWebブラウザ上、厳密にはGoogleChromeのDeveloperToolsを使っています。 今回はChromeでコーディングをやりたいと思う理由の１つ、「便利な拡張機能」を３つご紹介します。 拡張機能１：FireMobileSimulator for G […]
photo credit: Ross Merritt Photography via photopin cc こんにちは、ECプロデュース部の岡本です。 ２０１４年はマルチデバイス化が昨年以上に進行する年だと言われています。 2014年ECサイト予測！キーワードは「モバイル化」「マルチスクリーン化」｜モバイルファーストラボ そこで今回は、「今からレスポンシブWebデザインについて勉強する方」必見の […]
photo credit: tribehut via photopin cc 現在スマートフォンのディスプレイサイズは、4～5インチが主流となっていますが、来夏には、6インチのiPhoneが登場するとの噂もあります。タブレットのサイズも、7～10インチと様々で13インチを超えるビッグタブレットも販売されています。 様々なサイズのデバイスが多様化する中ではありますが、WEBサイトを制作する上で「コン […]
こんにちは、ECプロデュース部の岡本です。 ２０１３年も残り僅かですね。 今回はGoogleが取り入れている集客法、「オンボーディング」についてご紹介します。 ゲーミフィケーションとオンボーディング 「オンボーディング」とは「新しい従業員を、会社に適応させるプロセス」という意味があります。 この概念を、ビジネス・特に集客法として応用させているのが「ゲーミフィケーション」という活動です。 ゲーミフィ […]
行動心理学とは 正式には行動主義心理学といいます。心理学のアプローチの1つで、内的・心的状態に依拠せずとも科学的に行動を研究できるという主張です。 そもそも行動主義とは… 1910年代にアメリカのワトソンによって提唱されました。当時主流であった内観法(自分自身の精神状態を観察する方法)による人の意識を観察対象とした心理学に対し、人の客観的な行動を観察対象にした心理学として発展しました。 […]
こんにちは、ECプロデュース部の岡本です。 未だに高いシェアを誇る「Internet Explorer 8」。9月にはこのようなレポートも発表されていました。 IE10がシェア第2位へ – 8月ブラウザシェア | マイナビニュース 今回はこのIE8にレスポンシブサイトを「jsを使用せずに」対応させる方法を紹介いたします。 コーダー泣かせの「IE8」 photo credit: Ken- […]
こんにちは、ECプロデュース部の岡本です。 今回は「要素を段落ちさせずに並べること」ができる便利なプロパティ「table-cell」について紹介します。 RWDグローバルナビの課題：段落ち サイトをレスポンシブする際、必ず問題になるのが「グローバルナビの扱い方」です。 floatやinline-blockで作成した場合、全ての要素で単位を「％」に指定しないと「段落ち」が発生します。 しかし上の画像 […]
こんにちは、ECプロデュース部の岡本です。 官公庁のWEBサイトも次々とレスポンシブWebデザインを採用し、今まで以上にマルチデバイス対応の重要性が上がっているのだなとひしひしと感じております。 しかしこちらのスライドのように、「レスポンシブWebデザインにすれば何でも上手く行く」という考え方はとても危険です。 そこで今回はレスポンシブWebデザイン化する際に、「失敗しやすい2つのポイント」を紹介 […]
こんにちは、ECプロデュース部の岡本です。 GumbyやTwitterBootstrap,Foundationなど、便利でデザイン性の高いCSSフレームワークが増えてきました。 これらのフレームワークを使ってレスポンシブなWordPressサイトを作ろうと考えられている方も少なくないと思います。 しかしそれらでサイトを作成してもいざWordPress化しようとすると、 「クラス値が指定できない」 […]
こんにちは、開発部の河野です。 今回お伝えする内容は フォームの内容に合わせた最適な入力方法が必要 HTML5 による文字入力モードの切り替え レスポンシブサイトを意識した文字入力モード切り替えを実践するには スマートデバイスではフォーム内容に最適な入力方法が必要 かつて、ケータイ（従来型携帯電話）の時代には、フォームに合わせて文字入力モードの切り替えをするのが一般的でした。例えば、メールアドレス […]
