#独言 #雑談

🖋タカヒサ

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.”

最新の投稿

🖊タカヒサ 🗓2023/2/18

最優秀賞を受賞しました

全国中学高校Webコンテストの最終審査会で、最優秀賞に選ばれました

#公式

#告知

#訪問

🖊リク 🗓2023/1/10

2次審査、提出完了。

長かった。楽しかった。

#公式

#告知

🖊リュウシン 🗓2023/1/9

助け合い

「助け合い」これがなくては、私たちのWEBサイトはできませんでした。

#雑談

前の投稿

🖊ユウタロウ 🗓2022/8/9

セレンディクス様に取材させていただきました!

住宅×3Dプリンター、セレンディクス。

#取材

#企業

次の投稿

🖊タカヒサ 🗓2022/8/15

ブログのしくみ その4

実はこのブログページ、「自動!?」でコーディングされているんです!!!

#独言

#雑談

≡ コンテンツ一覧へ戻る

文字
サイズ