Business

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

eye

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

 

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

 

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

 

 

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

 

site2

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

関連記事

  1. 20161004_213158-1280x720 このサイトの方針を変える(前半)!
  2. P1090177 セルフカウンセリングの方法!驚くほど役に立たない「カウンセリング…
  3. d30d16e1c849108fa17fe0c76e1c7431_original 重装備はイヤ!コンパクト荷物でキャンプツーリングできるテント
  4. gallery_template3 40代暴走族が大乱闘。無茶レベルを超えた無茶について
  5. ankate_graph ツーリングアプリのアンケートに答えてくれた沢山の人たちありがとう…
  6. Emotional こんな動画は見てはいけない!泣いちゃうから・・・
  7. app_up iPhoneとAndroidアプリ開発するぜ!
  8. eyesaisai 心機一転再スタートのアプリ

おすすめ記事

sumbnail 初体験で酷い体験

チャレンジして酷い目にあったおはなし。先日はずっとやってみたかった「ラジオ配信ぽいこと」にチ…

received_2867388150001641 経営者たちとの会食

先日、名古屋まで遠征して撮影させてもらったZとCB乗りの人たち。&nbs…

kogane 昭和の雰囲気漂う街 ”黄金町” へ行って思い出したこと

かなり前のことだけど、横浜の黄金町にあるシネマジャック&ベティという旧い映画館へ行った。…

RadioHead 「知識」よりも「感性」。Radio Headを聴きながら感じたこと

先日、ネットニュースで見た登戸で起きた事件。ボクも妻も見た瞬間に思わず大きな声を上げてしまったく…

youtubeSumbNail 83年式SR500に乗る女性のショート・ドキュメンタリー本編をリリースしました

先日撮影してきた【ダイジェスト版】Cute Caferacer girlの本編をリリースしました…

horror_drive 煽り運転が無くなる?!煽り運転について・・・

煽り運転を空から監視して1時間半で10件検挙というニュースを見ました。煽り運転による死亡事故…

account 「ヤバいですよ、このアカウント閉鎖されますよ」突然来た警告

”ヤバいですよ、このアカウント。閉鎖されるかもしれないです。”先日リリースし…

DaigoDigestNew カフェレーサーカスタムのMachに乗るDiningBar店長ドキュメンタリー・ダイジェスト版リリース!

先日、横浜でダイニングバーMotownDinerの店長を務めるMach(350SS)に乗るダイゴ…

WebDesign Webサイトデザイン一新計画

このサイトはYouTubeやInstagramに比べるとだいぶひっそりと運営しているので好きなこ…

yuSR500 83年式SR500に乗るモデル女性ドキュメンタリーのダイジェスト版リリース

先日の記事で紹介した、カフェレーサー仕様の83年式のSR500に乗るプロのモデル女性。彼女を撮影…

Business

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