Information

Fa52f9b6 d481 4eb1 861e 43579058f69d
  • 作者
  • Ed95f176 27c3 4d6e 9014 006e3244a0d4 K@個人開発バックエンドエンジニア
  • 作品リンク
  • Fa52f9b6 d481 4eb1 861e 43579058f69d NUXT×NEWS APP
  • 概要
  • 国内・海外の様々なニュースソースから話題のニュースを取得できるNews APIを利用したニュースサイトです。
    機能を盛りこまず、シンプルに様々なニュースを見れるサービスとしています。技術的にはNuxt.jsおよびVuetifyを使いSPAとして構築しました。

    技術的な詳細は↓でも紹介しています。
    https://qiita.com/KIYS/items/9805118aa86f35c7a852

  • タグ
  • こだわり・開発背景
  • 数多くあるWeb APIを利用したWebサービスを何か作りたいと思い開発しました。
    News APIはリクエスト回数制限があるため、ホスティングに使用しているZEIT Nowのserverless functionsという機能を利用してリクエスト制限に引っかからないようにしています。
    具体的には、News APIをクライアントサイドから直接呼ぶのではなく、serverless functionsから呼んでいます。そしてserverless functionsのAPIをZEITのCDNでキャッシュさせることでオリジンサーバーへのリクエストを回数制限に引っかからない程度に減らしています。
    また、PWA化しパフォーマンスにもこだわりました。

  • 開発環境
  • Nuxt.js、Vuetify.js、NEWS API、ZEIT Now

  • 制作期間
  • かなりシンプルなつくりにしたので設計・実装含めて2週間ほど。

  • 学習方法
  • 本職です(バックエンドエンジニア)
    フロントエンドは独学で、またほかの個人開発プロダクトを通じて継続して勉強しています。