173
139

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Qiitaの記事をランダムに読める API / サービス を4時間ぐらいで作った (Firebase/AWS/Docker) (運用費0円※)

Last updated at Posted at 2019-06-20

※この記事はcloud.config Tech Blogにも投稿されています。

百聞は一見に如かず、以下のようなサービスです。(APIをブックマークレットとして使っている例)

output.gif

なぜ作ったの

昔、「本屋に行ってランダムに本を選んで気になった章を読む」という趣味にハマっていました。
これをすると自分のバイアスなしに謎の知識(?)を仕入れることができます。

そんなようなことをQiitaでもやってみたいなと思って作りました。

追記

機能追加版を@okadato623さんがつくってくださいました!
こっちの方が圧倒的に便利です。

Qiitaの記事をランダムに読めるAPI / サービス に機能追加してみた
https://qiita.com/okadato623/items/ee2903c8d1e45f70ab61#_reference-0d88b44afb47051e10ca

エンドポイント

ブックマークレット

この記事上部のGIFのように、ブックマークをクリックしたらランダムな記事に飛べます。
ブックマークレットの設定方法の解説は → ブックマークレットの登録方法 - Qiita

ブックマークのURLを以下のスクリプトにするだけです。

javascript:r=new XMLHttpRequest();r.open("get","https://us-central1-random-qiita-api-be836.cloudfunctions.net/get",!0);r.onload=()=>location.href=JSON.parse(r.responseText).url;r.send();

ウェブサービス

Screen Shot 2019-06-18 at 15.18.32.png

APIの仕様

Qiitaの最新記事10000件からランダムに1つを取得し、その記事のURLを返します。
24時間ごとに対象の最新記事は更新されます。

ご自由に使っても構いませんが、いつサービスを終了させるかわかりません。
この記事の最後にこのサービスのコードのリポジトリのリンクが貼っているのでご自由にどうぞ。

アーキテクチャ

以下のようなアーキテクチャになっています。
最新記事をJSONファイルとして書き出して、それをFirebase Functionsにコードとしてデプロイしています。
最新記事が含まれるJSONファイルをrequire("***.json")としてJS上で読み込み、APIが叩かれたらランダムに1件のURLを返します。

Untitled Diagram.png

公開まで

  1. Qiitaから最新記事を取得するスクリプトを書く
  2. 最新記事をjsonに書き出すスクリプトを書く
  3. 書き出されたjsonからランダムに1件を返すAPIをFirebase Functionsを用いて実装
  4. 最新記事をjsonに書き出し、Firebaseにデプロイするコンテナ(Dockerfile)を作成
  5. ECR(コンテナレジスタ)に4のコンテナをプッシュ(登録)
  6. ECS(コンテナ動かすマン)にタスクを設定して定期的にコンテナを実行(最新記事を取得してデプロイ)するように設定
  7. お茶 :tea: を飲む

作業時間は合計で4時間ぐらい。ECSのタスクケジュールの設定でかなり詰んだ。
ちなみにこの記事の執筆に1時間弱

費用

月額ほぼ0円!
AWSのFargate(vCPU:0.25, メモリ:0.5GB)が1日に約10分動きます!=ほぼ無料 (月間稼働時間5時間)
Firebase関係は今の所Freeで運用できています。(数百万件叩かれなければ大丈夫なはず)
ECR(コンテナレジストリ)はおそらく年間で0.**円ぐらいでしょう。(計算してない)

GitHubレポジトリ

スターをつけられると嬉しいです!
1つ目はすべてのコードもろもろ、2つ目は取得するだけのスクリプトだけが載っているリポジトリです。

最後に実際に自分つかってみて

わりと知らない記事がでてきて面白いです。
あと最新記事にはスパムが多いですね。

触ってみて見つけた隠れた良記事(一部のみ)

参考記事

宣伝

以下のイベントは終了しました。参加していただいたみなさんありがとうございました。

以下のイベント(6/27(木)19:30~)でしゃべります。(Vue,Nuxt,Firebase,Stripeのお話)
いまから頑張って資料作ります
現状イベント満席になっていますが、当日キャンセル大量発生するものなのでいまから登録ならまだ間に合います!(たぶん)

1時間でまるわかり!決済Webアプリ開発徹底解説!【Vue.js+Nuxt.js+Firebase】 - connpass
https://dev-neko.connpass.com/event/135052/

Screen Shot 2019-06-20 at 15.25.04.png
173
139
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
173
139

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?