はてなブログの記事一覧を取得して、自分のポートフォリオに最新記事を貼り付けたいってことありませんか? 僕はありました。 今回は、JavascriptではてなブログのAPIを叩いて最新記事一覧を取得する方法を記します。 また、今回、コチラの記事を参考にしました。 cartman0.hatenablog.com 目次 はてなブログAtomPub やりかた 流れ 詳細 はてなブログAPIを呼び出す XMLをオブジェクトに変換し、記事一覧と次のURIを取得する。 下書きの記事を除外し、記事を配列に格納する 固定数の記事が得られるまで繰り返す JSON形式でファイルに保存 コード 実際にホームページに組み込んでみた おわりに はてなブログAtomPub はてなブログにははてなブログAtomPubというAPIが用意されています(以下はてなブログAPIと呼称する)。 ブログエントリ一覧の取得や、ブログエ