🖋タカヒサ
2022/8/12
ブログのしくみ その3
"ブログのしくみ その1,その2"と、ブログページの、マル秘裏側を覗いてきたこのシリーズ。今回はその第三回。"ブログのしくみ その3"では、その2にて出力された記事部分のコードが、全体でどのように処理され割り振られていくのか、紹介します。
ブログのしくみ その3"では、その2にて出力された記事部分のコードが、全体でどのように処理され割り振られていくのか、紹介します。
"ブログのしくみ その1"は、こちら"ブログのしくみ その2"は、こちら#1 最新の投稿
このブログページ、ご存じの通り"トップ"にて最新の投稿を表示しています。これはどのような仕組みになっているのでしょうか。
▲最新の投稿
まず、各ブログの執筆日を、上部の"記事の設定"にある、"日付"から取得します。
▲日付を入力する場所
そして、この日付の大小を比較することで、各記事のコードに、最新の物から順に番号を振り分けます。あとは、その順番で記事を抽出することによって、最新の投稿を取得することが出来ます。
▲こちらが並び替えの処理をしている場所
処理をしやすくするため、左側には、列番号(アルファベット)を行番号(数値)に変換するためのデータも用意されています。
#2 オススメの投稿
このブログページ、ご存じの通り"トップ"にてオススメの投稿を表示しています。これはどのような仕組みになっているのでしょうか。
▲オススメの投稿
オススメの投稿も、基本的な仕組みは"最新の投稿"と同じです。ただ、どうやってオススメかどうか判断しているのでしょうか。その答えは簡単です。ブログを執筆する際、上部の"記事の設定"にて、メンバーがこっそりと、その記事のオススメ度を1~10000の10000段階で指定しているのです。
この大小によって、システムが、"オススメの投稿"を判断しています。オススメ度10000の記事を書くのは、きっと我々がこのコンテストで優勝した時でしょう...w
#3 次の投稿,前の投稿
このブログでは、ページ最下部にて、次に投稿された投稿、ひとつ前に投稿された投稿を確認することが出来ます。
▲次の投稿 前の投稿
この仕組みも、基本的には"最新の投稿"と同じです。"最新の投稿"用に日付順に並び替えられた記事から、自分の記事自身を探し出し、その一つ上と一つ下の記事のタイトルを、表示させています。
#4 タグ検索機能
各ブログ記事には、タグが付与されており、その記事の概要を手軽に知ることが出来ます。また、コンテンツ一覧ページでは、そのタグ項目によって記事を検索できるようになっています。この仕組みについて解説します。
▲コンテンツ一覧ページとタグ
まず、タグについてですが、各記事上部にある"記事の設定"部分にて、プルダウンによって9項目の中から選ぶことが出来ます。4つまでですが、複数選択も可能で、より有用な検索を行うことが出来ます。選ばれたタグは、記事上の表示にそのまま使用されるほか、タグ検索システムのための元データにするため、自動で加工されます。
▲タグ検索画面
タグ検索にはチェックボックスの機能を使用していますが、そのチェックの有無と、タグの値を紐づけ、その記事の表示,非表示を切り替えているのです。
#5 ライター検索機能
コンテンツ一覧ページでは、ライターごとに、記事を表示できる機能があります。(なんとこちら、タグと共存できます!!!)。
▲ライター検索画面
この仕組みも、基本的にはタグ検索機能と同じです。強いて言えば、こちらはチェックボックスではなく、ラジオボタンを採用しています。同じく、各ラジオボタンのチェックの有無と、各記事のライター設定を紐づけることで、記事の表示,非表示を切り替えていきます。
本日の記事はここまで!!!次回はラスト。"ブログのしくみ その4"です。コードの最終出力と、記事への貼り付けを紹介します。お楽しみに!!!
"ブログのしくみ その4"はこちらGoogle Sheets is a trademark of Google LLC.
“Google and Google Sheets are trademarks of Google LLC and this website is not endorsed by or affiliated with Google in any way.”