Category Archives

222 Articles
スマホ用サイトから電話発信できるようにする方法

スマホ用サイトから電話発信できるようにする方法

スマホ用サイトから電話発信できるようにする方法

昨今ECサイトのスマホ対応化が急速にすすむ中、閲覧ついでに気になった商品について、あるいは配送や決済方法について電話問い合わせをしたいというお客様がいらっしゃいます。今回はそういったニーズに備えて、タップで即時に電話ができる「電話発信用リンク」を設置する方法をご紹介します。
Read More

CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

CSSのbofore?after?〜疑似要素を使ってテキストを装飾する

こんにちは。開発部 山田です。

関東では雪が降るなど、冬も本格的に到来を感じております。

ECサイトでは読み込み速度がお店の売上に直結することもあり、Webサイトのパフォーマンスチューニングの改善は日々取り組まなければなりません。そんな中で、やはり画像の読み込みは何かとネックになってくるなと感じて止まない今日このごろです。。

今日はそんなモヤモヤを解消する手がかりというか小休止になればと思い、今更ながらCSSの疑似要素を取り挙げてみます!!

Read More

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

テキスト入力・メニュー選択どちらもできるdatalist要素を使ったフォームの作り方

datalist要素を使ったフォームの作り方

今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。

フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、これら両方の入力形式を一つのフォームで併せて実現することができます。

Read More

ページ内リンクをスムーズに移動!スムーズスクロールの設置方法

ページ内リンクをスムーズに移動!スムーズスクロールの設置方法

皆さんこんにちは。昼と夜の気温差が大きかったり、日によって汗ばむくらいの天気になったり、毎日の服装が難しく感じるサポート部山本です。

さて、今回はスマホサイトでもよく採用されているスムーズスクロールの設置方法を、レスポンシブwebデザインに対応した形でご案内します。

Read More

【表示速度改善】画像を圧縮してECサイトの読込を速くする

【表示速度改善】画像を圧縮してECサイトの読込を速くする

画像圧縮で読込速度改善

昨今のWebサイトではUX(ユーザーエクスペリエンス)や離脱率低減やのためにページ表示速度が重要視されています。サイト表示速度が遅いと顧客満足度は大幅に低下し、離脱してコンバージョンの機会が失われてしまいます。

よってサイトの表示速度のいかに速くするか対策することは、デザインやコンテンツの充実化に優先して取り組まなければならないと言っても過言ではありません。
Read More

仮想環境「Docker」の紹介とコンテナの作成

仮想環境「Docker」の紹介とコンテナの作成

by 山田 直樹 0 Comments

こんにちは、開発部山田です。

突然ですが、みなさんは「Docker」という開発環境があるのをご存知でしょうか。

私も去年の秋から試験的に運用を開始し、今では実際の開発現場で無くてはならないツールになりました。当時の状況と比べるとブログの記事が豊富になったり、書店の情報処理を専門にしている一角にDockerのインデックスがあったりと、随分と馴染みのある言葉になってきたと感じます。

今日はそんな開発環境、Dockerについてご紹介したいと思います。

Read More