Business

サイトに新しい機能を付けた(Ajaxでカテゴリフィルター)!!

eye

このWebサイトに新しい機能をつけてみました(モバイル用サイトのみ)。

 

このサイトでは記事のジャンルごとに「タグ」をつけています。

 

例えばビンテージバイク、旧車ジャンルの記事は「Old-bike」、映画関連の記事は「film」、本であれば「books」といった具合です。

 

 

トップページ記事一覧の画像の左上につけているテキストがそれです。(下図の赤枠)

 

site2

 

 

これまでは、このジャンルごとの「タグ」を単に表示させているだけでしたが、

 

ジャンルごとにまとめて記事を表示させることができるようになりました。要はジャンルごとにフィルターがかけられるようにしました!

 

それだけ・・・?はい・・・

 

それだけのことなんだけど、1つ先進的な機能がつけたんです。

 

それは、非同期(Ajax)で表示させるというところ。

 

これ、どういうことかと言いますと、

 

「表示カテゴリを変えるたびにページ遷移しない」ということです。

 

例えばトップページに戻ってもらうと、記事の全ジャンルが全て表示されている状態になっています。

 

この状態で、例えば「old-bike」を選択して旧車関連の記事だけ表示させるとき、

 

普通のサイトは、ページ遷移してもう一度ページ全体を読み込むので、ページが一度真っ白になり徐々に表示されながら全体が表示されます。

 

でも非同期(Ajax)という技術を使うと、ページ遷移はせずに必要な部分だけを読み直すので、ページは白くならずに内容だけがすり替わります。

 

これ、自分のなかではすごく重要なんです。

 

見たい情報をクリックするたびに画面が真っ白になって全体が表示されるのを待つのって、もはやストレスなんですよね。

 

表示されるまで待つのがイヤで、興味のあるリンクもクリックしない。なんてこともたびたびあったりします。

 

これではもったいないし、ストレスなくスムーズにコンテンツが表示されることは、快適に楽しくサイトを見る上でも意外と重要です。

 

言葉で説明すると解りづらいので、試しにやってみてください。

 

なかなか快適!と思いながら表示カテゴリを変えて遊んでいたら、バグが見つかりました(2つも・・・)。

 

速やかに修正いたします・・・

 

これからも、快適に使える機能を追加していきますので、どうぞよろしく!

 

 

Youtubeチャンネルもチェック↓

関連記事

  1. wall3 横浜の穴場?!「ジャック&ベティ」のある黄金町が面白い
  2. ero エロ展示会「神は局部に宿る 都筑響一presentsエロトピアジ…
  3. minitheater 意外すぎる街乗りツーリング(中部編)
  4. uchiawase カスタムビルドには2つの方法がある!着々と進むカスタム・プロジェ…
  5. womb16th1-thumb-822x548-46503 Wombの16周年記念イベントが2016/4/9(土)に開催!!…
  6. PAK85_Projectannai20141123172459_TP_V 【ガチ取材】高額起業塾セミナー受講でわかった「怪しいビジネス」見…
  7. kodomonokuni 「早起き日記」この世で一番つまらない記事を書くことにしてみました…
  8. SR400 SR400をビルドする!完成時期未定!

おすすめ記事

DSC_0263 ひとり言ブログ「そんなに重要なことなの?」

今日の午前中は以前から悩まされていたソフトウェア上のバグを修正する作業に取り組んでいた。お昼…

blackhole そんなにスゴいの?!ブラックホール観測の凄さ

ブラックホールの観測に史上初めて成功したというニュースを見て1週間ほどのあいだコーフンしてます。…

akanechan GPZとハーレー、シングルがゴチャ混ぜで走る

先月(2019年3月)撮影したヨッティ @yottyspeedman の映像の編集が完了したので…

sakura 夜桜と夜に聴こえるピアノの相性は抜群?!

実話ショートショート。先週の金曜日の夜、仕事から帰ると家族がでかけていたので一人で久々にビー…

eyecatch 幸せ度世界一の国デンマークの本と映画がブッ飛んでいて衝撃的

昨日「Hygge(ヒュッゲ)」という本を買った。幸せ度世界ランキングNo.1を誇るデンマーク…

motown_locohama 渋いMach乗りを撮影してきます

4/6土曜日はイベント盛り沢山だ。毎月第一土曜日は横浜の片隅で開催されるロコハマナイト。そこ…

eyecatch ユーザーにとっての良い企業

1週間ほど前にアップルが新サービスプラットフォームを発表して大きな話題を呼んだ。世間では「発表さ…

takeshita 都会の青い夜明けの中を走る「朝Run」に参加

仲良くさせてもらっているOwaiknight(オワイナイト)企画の朝Runに参加してきた。夜…

Thruxton トーキョーモーターサイクルショー2019へ行ってきた

先日Instagram上でフォローしている人の書き込みを見て思い出したトーキョーモーターサイクル…

38CF0058-5765-47F6-A13A-0DAE3857C9E5 【予告】旧いSR500に乗るプロ女性モデルを撮影してきます

もうだいぶ前になるけれど、このサイトのエンジニア部門のエンジニアUと一緒にSRをフレームから…

Business

  1. business
  2. motosuko
  3. kaigai
before_start2
  1. chiinEye
  2. Triumph
  3. 350ss
  4. eye
  5. impara_eye
  6. cb400four
PAGE TOP