アフィリエイトツールで生活満足

ガジェット、ドローン、ゲーム、ライフハック、ツールビジネス

SIRIUSでテーブル(表)のソート(並び替え)するには?

SIRIUSサイト上に出力したEXCELの表のようなテーブルデータを訪問者に自由に並び替えしてもらいたいという場合に役立つ技術です
テーブル オートフィルタ

先日、こんな相談を頂きました

サイト上に出力したテーブルって項目の並び替えってできないでしょうか?
提供しているデータをお客さんに任意で操作してもらえたほうが比較情報など色々と情報を参照しやすいのでEXCELのオートフィルタ機能のようなことができないでしょうか?

この考え方ってサイトを訪れるユーザーは実に嬉しいですよね
何かを比較検討する上で、情報の並び替えができるのは非常に助かります

実際に実用的なケースで考えてみました

ホテル情報×テーブル並び替え一覧系

例えば、観光客に対して最安値で止まれるホテルという一覧情報を出した時
情報の並び替えができると、より成約の確率あがりますよね

最安値や評価を基準にテーブル操作ができる例

※上部見出し名をクリックでソート(並び替え)

イメージ 最安料金/泊▼△ 評価情報(5段階)▼△ 施設情報▼△ アクセス方法▼△
青森ワシントンホテルの詳細へ 3100円 3.82 〒030-0802
青森県青森市本町2-1-26
TEL : 017-775-7111
FAX : 017-775-7181
Googleマップ
施設提供地図
JR青森駅から徒歩約15分、又は車約3分。青森空港からバス「新町2丁目」下車後徒歩約3分
ホテルアベスト青森の詳細へ 2500円 3.82 〒030-0801
青森県青森市新町1-11-22
TEL : 0177-23-2001
FAX : 017-723-2009
Googleマップ
施設提供地図
JR奥羽本線「青森駅」より徒歩5分。東北新幹線「新青森駅」より「青森駅」まで1駅6分。
スマイルホテル青森(旧ホテルユニバース青森)の詳細へ 1600円 3.68 〒030-0802
青森県青森市本町2-4-7
TEL : 017-776-7711
FAX : 017-776-7264
Googleマップ
施設提供地図
JR・青い森鉄道青森駅から徒歩13分/JR新青森駅から車で約15分/青森中央I.C.から車10分/青森空港から車30分
青森国際ホテルの詳細へ 4860円  4.34 〒030-0801
青森県青森市新町1-6-18
TEL : 017-722-4321
FAX : 017-735-2662
Googleマップ
施設提供地図
JR青森駅より徒歩約5分。東北自動車道青森中央ICから車で約12分。青森空港からタクシーで約30分
ホテルJALシティ青森の詳細へ 3500円  4.22 〒030-0803
青森県青森市安方2-4-12
TEL : 017-732-2580
FAX : 017-735-2584
Googleマップ
施設提供地図
●青森駅から徒歩6分●東北自動車道青森中央ICから15分●青森空港からバス約40分「県庁通り」下車徒歩2分
ホテル ネオ・パル青森の詳細へ 3300円  3.59 〒030-0803
青森県青森市安方2-6-6
TEL : 017-775-8811
FAX : 017-775-8834
Googleマップ
施設提供地図
JR青森駅より徒歩8分 青森空港からバス「県庁通り」下車徒歩1分 青森中央インターから車で15分
ホテル青森の詳細へ 5000円  4.43 〒030-0812
青森県青森市堤町1-1-23
TEL : 017-775-4141
FAX : 017-773-5201
Googleマップ
施設提供地図
JR新青森駅から車で20分、青森駅から車で5分。青森空港から車で25分。青森中央ICから車で15分。
アルファホテル青森の詳細へ 2060円  4.19 〒030-0823
青森県青森市橋本1-1-7
TEL : 017-773-3000
FAX : 017-775-7373
Googleマップ
施設提供地図
空港リムジンバス新町二丁目下車徒歩5分東北新幹線新青森駅より車で15分JR青森駅より徒歩15分・車で5分
浅虫温泉 ホテル秋田屋の詳細へ 5400円  3.84 〒039-3501
青森県青森市大字浅虫字螢谷293-12
TEL : 017-752-3239
FAX : 017-752-2573
Googleマップ
施設提供地図
青い森鉄道浅虫温泉駅下車徒歩5分。
浅虫温泉 海扇閣の詳細へ 7560円  4.53 〒039-3501
青森県青森市浅虫蛍谷31
TEL : 017-752-4411
FAX : 017-752-3314
Googleマップ
施設提供地図
青い森鉄道 浅虫温泉駅より 徒歩1分。
浅虫温泉 津軽藩本陣の宿 旅館柳の湯の詳細へ 7560円  4.53 〒039-3501
青森県青森市大字浅虫字山下236
TEL : 017-752-2023
FAX : 017-752-4018
Googleマップ
施設提供地図
アクセス : 東北本線 浅虫温泉駅より徒歩6分。青森インターより車で40分。
東北本線 浅虫温泉駅より徒歩6分。青森インターより車で40分。
ホテルニュームラコシの詳細へ 1550円  3.66 〒030-0803
青森県青森市安方1-3-7
TEL : 017-722-8095
FAX : 017-722-4844
Googleマップ
施設提供地図
JR青森駅より徒歩1分。 青森駅出口から左に120m進む→つきあたりを右に曲がって90m進む。
アップルパレス青森の詳細へ 3740円  4.49 〒030-0802
青森県青森市本町5-1-5
TEL : 017-723-5600
FAX : 017-723-4255
Googleマップ
施設提供地図
●JR青森駅から車で5分 ●JR新青森駅から車で15分 ▲繁華街そば★
ウィークリー翔 ホテルチトセの詳細へ 1900円  4.17 〒030-0803
青森県青森市安方1-4-14
TEL : 017-723-1000
FAX : 017-723-1008
Googleマップ
施設提供地図
青森駅より徒歩5分/青森中央ICより車で15分
浅虫温泉 椿館の詳細へ 6480円  4.5 〒039-3501
青森県青森市浅虫内野14
TEL : 017-752-3341
FAX : 017-752-3483
Googleマップ
施設提供地図
青い森鉄道「浅虫温泉駅」下車 / 東北自動車道 青森東ICより15分 / 青森空港より50分
青森グランドホテルの詳細へ 3400円  3.82 〒030-0801
青森県青森市新町1-1-23
TEL : 017-723-1011
FAX : 017-734-0505
Googleマップ
施設提供地図
東北自動車道『青森中央IC』より約15分/青森空港より車で約30分/JR奥羽本線『青森駅』より徒歩2分
アートホテル カラー 青森(旧:青森プラザホテル)の詳細へ 2000円  4.24 〒030-0801
青森県青森市新町2-5-7
TEL : 017-775-4311
FAX : 017-775-4317
Googleマップ
施設提供地図
JR青森駅より新町通り徒歩10分 ◆各官公庁まで徒歩2分 ◆コンビにまで徒歩1分 ◆食品スーパー隣接 
ホテルルートイン青森駅前の詳細へ 4500円  4.17 〒030-0801
青森県青森市新町1-1-24
TEL : 017-731-3611
FAX : 017-731-3612
Googleマップ
施設提供地図
JR青森駅東口ターミナル正面/東北自動車道青森インターよりお車にて12分
青森グリーンパークホテル・アネックスの詳細へ 3250円  4 〒030-0802
青森県青森市本町2-5-18
TEL : 017-723-3200
FAX : 017-723-3270
Googleマップ
施設提供地図
〒030-0802
青森県青森市本町2-5-18
: 《交通》JR青森駅よりお車にて5分/東北自動車道青森中央ICより10分
青森グリーンパークホテルの詳細へ 2150円  3.98 〒030-0802
青森県青森市本町1-4-16
TEL : 017-723-5500
FAX : 017-723-5601
Googleマップ
施設提供地図
《交通》JR青森駅よりお車にて6分/東北自動車道青森中央ICより10分
ラ・プラス青い森の詳細へ 3788円  3.98 〒030-0822
青森県青森市中央1-11-18
TEL : 017-734-4371
FAX : 017-775-1218
Googleマップ
施設提供地図
新幹線新青森駅→青森駅より徒歩25分タクシー5分バス市役所前10分。空港よりバスにて柳町通りまで30分下車徒歩3分。
浅虫温泉 帰帆荘の詳細へ 10150円  3.98 〒039-3501
青森県青森市浅虫蛍谷85
TEL : 017-752-2017
FAX : 017-752-2005
Googleマップ
施設提供地図
JR 浅虫温泉駅より徒歩3分/東北自動車道 青森ICより40分
浅虫温泉 旅館 小川の詳細へ 10150円  3.98 〒039-3501
青森県青森市浅虫山下280
TEL : 0177-52-3202
FAX : 0177-52-3637
Googleマップ
施設提供地図
JR東北本線「浅虫温泉駅」より徒歩3分
浅虫温泉 宿屋つばきの詳細へ 5940円  4.36 〒039-3501
青森県青森市浅虫蛍谷25
TEL : 017-752-2001
FAX : 017-752-3366
Googleマップ
施設提供地図
青い森鉄道「浅虫温泉駅」より徒歩1分/東北自動車道・青森東ICより10分
浅虫温泉 浅虫観光ホテルの詳細へ 6480円  3.75 〒039-3501
青森県青森市浅虫坂本51-1
TEL : 017-752-3355
FAX : 017-752-2335
Googleマップ
施設提供地図
浅虫温泉駅/青森自動車道 青森東ICよりR4経由、約15分
ホテル2135の詳細へ 3250円  4.25 〒030-0823
青森県青森市橋本2-13-5
TEL : 017-732-2135
FAX : 017-732-2136
Googleマップ
施設提供地図
リンクステーションホール青森まで徒歩5分/青森駅より車で約7分/市営バス・NTT青森支店前下車徒歩2分
マルミ・サンライズ旅館・食堂の詳細へ 3250円  4.25 〒038-1331
青森県青森市浪岡女鹿沢西種本13-1
TEL : 0172-62-8008
FAX : 0172-62-7876
Googleマップ
施設提供地図
JR奥羽本線 浪岡駅より徒歩5分
浅虫温泉 辰巳館の詳細へ 4500円  3.77 〒039-3501
青森県青森市浅虫山下281
TEL : 017-752-2222
FAX : 017-752-2143
Googleマップ
施設提供地図
JR 浅虫温泉駅より徒歩3分
コテージホテル ショコラの詳細へ 6500円  3.77 〒039-3524
青森県青森市滝沢住吉248-118
TEL : 017-726-4605
FAX : 017-737-0056
Googleマップ
施設提供地図
青森駅より車で30分~40分
夏泊温泉 夏泊ゴルフリンクス 海浜ロッジの詳細へ 6156円  3.77 〒039-3301
青森県東津軽郡平内町東田沢10-230
TEL : 017-759-2800
FAX : 017-759-2212
Googleマップ
施設提供地図
浅虫温泉駅より車で約30分

「自分が探したい条件に絞り込める」

どうせ泊まるなら、評価が高いホテル
どうせ泊まるだけだし、最安値でいい
どうせなら、豪華な見た目のホテルに

目的が明確な人ほどダイレクトインです・・ホテルだけに(笑)

おなじデータ一覧を見せるにしても
ユーザーが好きに操作できるかどうか?

それだけでユーザービリティは段違いという例でした

ただ・・やってみてわかったけど・・なかなか難しい(;・∀・)

並び替えの動作自体は簡単だけど
値数が文字列として認識されててうまくソートされない

これを直すためだけに2時間以上試行錯誤したよ・・(´ε`;)

出力済みの表に「後からでも適応できる仕組み」なので
SIRIUS購入特典のレベルアップセミナーレベル6にも追加しておきます

最安値など価格まとめをテーブル形式で作成してる場合
かなり実用的に役立つ技術だと思います





初見さんへ!他のカテゴリも見てね!

たぬきち
このブログがどんなブログか?トップページに戻ってみてください。個人的に気になるゲーム情報、PCガジェットレビュー、ライフハック情報、ラジコンホビー動画、旅行に料理、ビジネスに役立つソフトウェアの解説など、一言では語りきれない情報満載です

上部メニューから詳細なカテゴリを選択できます。ブログ更新、最新動画のアップはツイッターと連携してる他、たまに中の人がつぶやくのでフォローお願いします(笑)

LEAVE A REPLY

*
*
* (公開されません)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Return Top
trigger trigger