GithubHelp home page GithubHelp logo

kmaeda2048 / feeedreader Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 446 KB

ニュースサイトやブログなどが配信する、RSSやAtomなどのフィードを購読するアプリです。

Home Page: https://feeedreader.herokuapp.com/

Ruby 65.15% JavaScript 13.60% CSS 6.82% HTML 14.43%

feeedreader's People

Contributors

kmaeda2048 avatar

feeedreader's Issues

bootstrapを使わない?

今、使っているbootstrapの機能

  • btn
  • form-group, form-control
  • エラーメッセージ(#error_explanation, .alert?)、登録完了(.notice)
  • kaminariのビュー
  • jumbotron

Uglifier::Errorの対処

herokuデプロイ時に発生

Uglifier::Error: Unexpected token: keyword (const). To use ES6 syntax, harmony mode must be enabled with Uglifier.new(:harmony => true).

遅延ロード機能を実装するために、ページネーション機能を削除

  • ページネーション機能を削除した後、遅延ロード機能を実装する前に、全記事の読み込みにどれだけ時間がかかるか調べる。
  • 記事の最大数(記事削除タスク実行した後の記事数)をどうするか
  • 読み込みが遅くなるまで記事を増やしてみる
  • 今後、カードにはサムネイルが追加される可能性がある

ショートカットキー一覧

  • j: 次のカードへ
  • k: 前のカードへ
  • o: 現在のタブで記事を開く
  • t: 新しいタブで記事を開く
  • g → a: unread_articles_pathへ
  • g → s: starred_articles_pathへ
  • g → n: new_feed_pathへ
  • g → h: (ショートカットキー一覧へ)
  • g → c: feeds_pathへ
  • s: スターのトグル
  • /: (検索フォームにフォーカス)
  • 1画面分下にスクロール
  • 1画面分上にスクロール

遅延ロード機能の実装

  • addEventListener('scroll',...
    • 従来の方法?
  • Intersection Observer API
    • 新しい方法?
  • chrome 75からLazyloadが追加。loading属性loading=lazy

feedとarticleのサムネイル

どうやってサムネイルを取得するか
フィードの仕様によって変わってくる?スクレイピング?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.