tumblrの記事一覧を取得

久しぶりにAPIをいじってみることにしました。今回いじったのはtumblrのAPI、tumblrで艦これブログを書いているので、そのブログのエントリー名とURLを取得して記事一覧を表示させるのが目的です。表示させる記事タイトルは5件としました。最初はPHPで出力させようと思ったのですが、jQueryでも対応できるようなので今回はjQueryを採用しました。

  • ドメインと取得した任意のAPIキーを記述します。
  • 5件表示なので「limit=5」とします。
  • 取得したらクラス名「tumbler-post-list」にコンテンツを追加するように書きます。
  • 下記のjQueryは外部ファイル化して読み込むようにしてあります

html側は下記のように書いておけばDOMの構築時に追加されます。

中の人ページに実装しました。

投稿日
カテゴリ