はてなブックマークのエントリーをブログ形式で表示するツール

はてなブックマークにエントリー入りした記事をまとめて、ブログ形式で閲覧できるツールを作りました。

はてブログ

 

ここでは作成した「はてブログ」についての概要や使い方について解説していきます。

はてブログって何？

 

はてなブックマークにエントリー入りした記事をまとめて、ブログ形式で閲覧できるツールです。

 

IT・WEB系の情報を中心に、はてブ数が多く評価の高い記事を集計し紹介します。

 

サイドバーには「カテゴリ」「プロフィール」「検索」「カレンダー」「タグ」「最新記事」「人気記事」などのブログパーツを表示。記事の詳細画面は「記事の概要」「はてブコメント」「関連ページ」を表示します。

 

見慣れたブログのデザインにし、ジャンルを絞ることで誰でもすぐに必要な情報を見つけられるブログツールにしました。

 

集計方法

はてなブックマークのRSSフィードを利用し、カテゴリの情報にマッチした情報をデータベースに保存しています。各カテゴリ毎に検索ワードを設定し、毎日集計処理を実行しています。

 

上記カテゴリの「無料ブログのメリット・デメリット」では以下のようなRSSフィードを指定し、該当情報を取得しています。カテゴリにマッチしていないエントリーを収集した場合は人力で削除しています。

収集してるはてブRSSフィード

使い方

はてブログの使い方について解説します。

トップページ

テーマ別に一覧形式で表示します。今後「HTML・CSS」「プログラミング」「AI」などについてのまとめを公開する予定です。

テーマリンクをクリックするとブログ形式のエントリー紹介画面に遷移します。

 

テーマ別トップページ

一般的なブログと同様にタイトルと概要がトップに表示され、左側のカラムにエントリー情報、右側のサイドバーにはブログパーツが表示されます。

一覧

タイトル、アイキャッチ画像、概要を表示します。タイトルをクリックすると該当エントリーのはてブコメントと関連エントリーが表示されます。

エントリー下部の左には「タグ」ボタンを表示し、クリックすると該当のタグで検索可能です。

右には「続きを見る」ボタンを表示し、クリックすると該当エントリーのサイトに遷移し記事を表示します。

 

カテゴリ

カテゴリをクリックすると該当するエントリーを一覧で表示します。

上部にパンくずリストが表示され、エントリーの並び替え（新着順、人気順）が可能となります。

 

 

検索

入力したキーワードで各エントリーの「タイトル」「概要」「タグ」に含まれている文字列を検索し、マッチした記事を一覧で表示します。カテゴリが選択されている場合はカテゴリ内のエントリーを対象に検索します。

 

プロフィール

管理人のプロフィールとサイト情報を表示します。

 

人気記事

はてブ数の多い順に一覧で表示します。カテゴリが選択されている場合は該当の親カテゴリのエントリーを表示します。

 

最新記事

最新のエントリーを表示します。カテゴリが選択されている場合は該当の親カテゴリのエントリーを表示します。

カレンダー

矢印で前月、次月のエントリー情報を表示します。「年月」をクリックすると該当年月のエントリーを表示します。

エントリーのあった日付にはリンクが付き、クリックすると該当エントリーを表示します。

 

タグ

エントリーに付けられたタグの多い順に30件表示します。クリックするとタグ検索を行います。

カテゴリが選択されている場合は該当の親カテゴリのタグを表示します。

 

エントリー詳細

タイトル、アイキャッチ画像、概要を表示します。

エントリー下部に「詳細を見る」ボタンを表示し、クリックすると該当エントリーのサイトに遷移し記事を表示します。

 

コメント一覧

エントリーのはてブコメントを一覧表示します。

 

タグ

エントリーのタグを表示します。

 

関連記事

エントリーの関連記事を表示します。

 

前後の記事

エントリーの前後の記事を表示します。

 

以上がはてブログの使い方となります。

機能追加・変更等行った場合は追記していきます。不明な点や改善点などありましたらメールかコメントを頂けると幸いです。