こんにちは。開発部 山田です。 関東では雪が降るなど、冬も本格的に到来を感じております。 ECサイトでは読み込み速度がお店の売上に直結することもあり、Webサイトのパフォーマンスチューニングの改善は日々取り組まなければなりません。そんな中で、やはり画像の読み込みは何かとネックになってくるなと感じて止まない今日このごろです。。 今日はそんなモヤモヤを解消する手がかりというか小休止になればと思い、今更 […]
冬の冷え込みが段々と厳しくなってきました。通勤が辛くなってきました。サポート部の本田です。 今回は、特定の文字列を画像に置き換える方法をご案内して、実際のECサイトでどういった使い道があるかご案内したいと思います。
こんにちは。 今回はWeb制作でのデバッグやチューニングに役立つ、Google Chromeのデベロッパーツールを紹介します。デベロッパーツールは非常に多機能なツールですが、今回は基本的な機能3つに絞って紹介します。
datalist要素を使ったフォームの作り方 今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。 フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、 […]
皆さんこんにちは。昼と夜の気温差が大きかったり、日によって汗ばむくらいの天気になったり、毎日の服装が難しく感じるサポート部山本です。 さて、今回はスマホサイトでもよく採用されているスムーズスクロールという画面移動を簡単にするJSの設置方法を、レスポンシブwebデザインに対応した形でご案内します。
画像圧縮で読込速度改善 昨今のWebサイトではUX(ユーザーエクスペリエンス)や離脱率低減やのためにページ表示速度が重要視されています。サイト表示速度が遅いと顧客満足度は大幅に低下し、離脱してコンバージョンの機会が失われてしまいます。 よってサイトの表示速度のいかに速くするか対策することは、デザインやコンテンツの充実化に優先して取り組まなければならないと言っても過言ではありません。
こんにちは、開発部山田です。 突然ですが、みなさんは「Docker」という開発環境があるのをご存知でしょうか。 私も去年の秋から試験的に運用を開始し、今では実際の開発現場で無くてはならないツールになりました。当時の状況と比べるとブログの記事が豊富になったり、書店の情報処理を専門にしている一角にDockerのインデックスがあったりと、随分と馴染みのある言葉になってきたと感じます。 今日はそんな開発環 […]
こんにちは、開発部山田です。 朝晩寒くなってきましたね。皆さんいかがお過ごしでしょうか。 今回はDockerなどで環境構築していると稀に遭遇する、 「mysqlでroot権限が設定されていなときのエラー」についての対処法をご紹介します。
皆さんこんにちは、サポート部の山本です。厳しい残暑もやっと終わりを迎え、逆に朝晩の冷え込みが強くなってきています。気温の変化は体調を崩す要因にもなりますので、皆さん気をつけて下さい。 さて今回はECサイトでもよく使われている「フォーム」を簡単に入力しやすく装飾できる方法をご紹介したいと思います。
こんにちは 開発部山田です。 みなさんはGoogleやAppleがデザインのガイドラインを公表していることをご存知ですか? 普段何気なく使用しているiPhoneやAndoroidは、そのボタンやアイコン、画面のレイアウトにさえも何らかのコンセプトに沿って作られています。今回はGoogleが2014年に公表したデザインガイドラインの中から「マテリアルデザイン」と呼ばれるコンセプトの概要と、みなさんの […]
開閉可能なアコーディオンパネル タイトルをクリックすることで本文が表示されたり閉じたりを切り替えることのパネルをJqueryを使って作成することができます。様々なサイトで定番として利用されることが多いですが、画面領域が限られたスマートフォン上で複数のコンテンツを効率よく表示させたいといった場合にこそ威力を発揮する実装となります。 扱うコード量も比較的少なく簡単に実装できるので是非とも使っていただけ […]
こんにちは 開発部山田です。 ちょっと色んなフレームワークを試して検証したいことが出てきたので、今回から数回に分けてフレームワークの導入と実装、検証等で気付いたことを挙げていければと思います。 とは言うものの前準備が全く出来てなかったのでまずは各FWのインストールや管理ツールを用意することからかなと…そこでまず入れておいたのがComposerですね…というかこれ入れないと全然先に進めな […]