Business

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

eye

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

 

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

 

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

 

 

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

 

site2

 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

関連記事

  1. minitheater 意外すぎる街乗りツーリング(中部編)
  2. uplink_eyecatch 意外すぎる都内街乗りツーリングスポット(前編)
  3. Z2RS プロモーション映像制作サービスを始めました。たった今!
  4. 20160330_193229 1000円で観れる!横浜の映画館「ブリリア・ショートショートシア…
  5. SR400 SR400をビルドする!完成時期未定!
  6. DSC_0603 アンナチュラルにバイク出てるバイク
  7. eyesaisai 心機一転再スタートのアプリ
  8. eiga 映画製作現場を体験したら・・・

おすすめ記事

WebEyecatch2 おかげさまで最高記録更新達成しました

先日記事にさせてもらった「角Zに乗る素敵な女性」のミナコさん。Instagramには超Sho…

eyecatch このサイトの今後と自分の好きなもの

正直に言うと、このWebサイトの位置付けに迷い続けています。もともとは 旧い国産バイクに特化…

WebEyecatch 角Zに乗る美人

Kawasaki・・・やっぱりKawasakiといえば「男のKawasaki」とか言われてい…

youtube カミナリ族に会った!

カッコいい人とバイクを撮影してきました。自分にとって「カッコいい」と感じるために必須なのが、ひと…

input InputとOutputをバランスよく

先日の記事で書いたとおり、インフルエンザにかかりました。既にすっかりと復活しましたが、復活したと…

eyecatch 物議を醸した”カフェレーサーと暴走族は本質的に同じ”発言

先週インフルエンザにかかった。。当初は37度台の熱で関節痛も無かったから「単なる風邪だろ…

okinawa_sky2 子どもの感性を育てるために映画をみせてみた

子どもがふたりいます。2019年1月現在、小学校4年生の長女と小学校1年生の長男。受験や…

okinawa_sea 「自分で選ぶ」ことについて

「自分で選ぶ」時代が流れるなかで年齢を重ねていくと、この「自分で選ぶ」ということの重要さが身…

burst Burst創刊

以前に撮影したNFKのクルーであり、スケートショップCPWの代表であるモトヤンさんのInstag…

sambnail はじめてしゃべってみました

サイトを開設してから、早いもので(たぶん)3年半ほどが経過しました。最初は旧いバイクの「写真…

Business

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