- 2016.09.13
jQueryUIを使って便利で見栄えのよいUIを作ってみよう
jQueryUIを使ってみよう こんにちは、サポート部の市川です。リオデジャネイロパラリンピックの盛り上がりが地球の裏側の日本までやってきて、競技中継を見ていると毎日寝不足になりがちです。 さて今回はjQueryUIとはjQueryが用意している便利な機能を使うためのライブラリの一種（プラグイン）です。名前の通りユーザーインターフェースに関わる機能を提供します。
技術
- 2016.09.09
レスポンシブサイトで便利なドロワーメニューの設置方法
皆さんこんにちは、サポート部の山本です。夏の暑さも一段落し、朝晩の気温も下がり過ごしやすくなってきましたね。
- 2016.09.06
Google Feed APIでECサイトにブログのRSSを表示する方法
最近では、ECサイトの新規ユーザーの獲得やリピーターの増加を目的に、WordPress等を使ってオウンドメディアを運営するECサイトも増えてきました。その際、トップページなどにWordPressのRSSを表示させたいときってありますよね。 そんなときに役立つのが『Google Feed API』です。 非常に簡単に、RSSをjavascriptで取得し新着記事をトップページなどに表示させることがで […]
- 2016.08.31
レスポンシブデザインの基礎、CSSメディアクエリをおさらい
メディアクエリ（Media Queries）とは？ サポート部の本田です。朝晩はすっかり気温も下がり、過ごしやすくなってきましたね。 今回はレスポンシブデザインでサイトを構築する上では欠かすことのできない、メディアクエリ（Media Queries）について書いてみます。
- 2016.08.01
【jQuery】コンテンツの表示順を簡単に入れかえる方法
JQueryを使ってコンテンツの表示順を入れかえたい こんにちは、サポート部の市川です。毎日暑い日が続いていますが、体調などは崩されていませんでしょうか。 さて、Web制作をしていると、ページのテキストや画像といったコンテンツの順番を入れかえたいという状況がでてくるかと思います。 多くの場合、HTMLを単に書き換えるだけでよいのですが、例えばCMSでの会員登録画面の「名前」や「会社名」、「住所」と […]
- 2016.07.21
レスポンシブECサイトでHEAD内に設定しておきたい要素一覧
head内の要素の記述はマスト レスポンシブECサイトを運用する上で、ページへのTITLEタグやmeta descriptionタグの設定は、Googleなどの検索エンジンだけでなく、各SNSへ適正にサイト情報を定義する上で設定しなければなりません。またこれらのタグ以外にもHEAD内に設定しておきたいタグは多数ありますのでご紹介します。
- 2016.07.20
HTML5 「Canvas」で更新可能なグラフを作る3つのステップ
CanvasとJavascriptでグラフを描いてみよう 今回は「HTML5 API」の機能の１つである「Canvas」の使い方を紹介します。 Canvasとはブラウザ上で図を描くためのHTML5が用意している機能です。通常グラフをコンテンツとして扱う場合、jpegやpng形式の画像ファイルを用いることも多いですが、Canvasを使えばHTML/CSS/Javascriptを使って棒グラフ、円グラ […]
- 2016.06.10
メンテ不要！ECサイトにカレンダーを埋め込むたった3つのステップ
メンテ不要のカレンダー埋込方法 こんにちは、サポート部の市川です。 ページのサイドやフッターのエリアにカレンダーを設置している通販サイトはたくさんあります。しかしHTMLとCSSのみで作成している場合、毎月のカレンダーのHTMLを変更するなどメンテナンスがやや面倒です。 今回は、Webサイト制作のSYNCK GRAPHICAさんが無料で公開している【営業日・定休日カレンダー】のJavascript […]
- 2016.06.01
CSVファイル変換を自動化！nextCSVがEC運営で超便利
自社ECサイトやモール店舗、また送り状発行ソフト、会計ソフト等と受注データや商品データをやり取りする場合、 CSVでデータを利用することが多いですが、CSVファイルの形式が異なっている場合は、手動で変換し、項目を合わせる作業が発生します。 今回はこのCSVの変換作業を自動化出来るツールをご紹介します。
- 2016.03.28
【JavaScript】jQueryより軽量なSuperAgentを使ってみよう
こんにちは、開発部のまつおかです。 今日は非同期処理のライブラリとして使用できる「SuperAgent」というものを紹介しようと思います。
- 2016.03.25
【Boostnote】Markdownで簡単に綺麗なメモを作成！
こんにちは。開発部の原田です。 今回は、私が業務で使っているアプリをご紹介したいと思います。 その名も『Boostnote』です。
- 2016.03.23
フリガナ自動入力を簡単に設置出来るjQueryプラグイン
フォーム入力を楽にするフリガナ自動入力 ECサイトで買い物や問い合わせ、会員登録などのフォーム入力をする際に、「フリガナ」の入力が必要になる場合があります。 出来るだけフォーム入力の手間をなくし、離脱率を減らすよう工夫が必要ですが、今回はフォーム入力をした際に名前の漢字に合わせたフリガナを自動で入力するjQueryプラグインをご紹介します。