GithubHelp home page GithubHelp logo

go-u / ogp-front Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 4.49 MB

OGPギャラリーのソースコード[フロント部分]

Home Page: https://ogp-gal.com

License: MIT License

JavaScript 62.91% Java 1.09% Swift 2.84% Ruby 0.44% Vue 30.24% CSS 0.57% HTML 1.90%
android capacitor cypre e2e ios javascript jest quasar-framework vue

ogp-front's People

Contributors

go-u avatar

Stargazers

 avatar

Watchers

 avatar  avatar

ogp-front's Issues

登録URLの表記ゆれ対応

以下により登録URLの表記ゆれに対処

  • ドメイン末尾のスラッシュを除去(バックエンドでも別途検証)
  • パーマリンクに存在する個別の画像については将来対応するが現在はドメイン直下のみに限定

無限スクロール/仮想スクロールの実装

実装に当たっては無限スクロールのメモリ消費や負荷を考慮し
仮想スクロールとして実装する

(現在はOGP情報が100件未満と少ないため,将来件数が増えた時に実装予定)

デフォルトのソート順を人気順にする

Web/アプリを開いた一瞬でマジックモーメントを感じてもらう必用がある。
そのために、当面はデフォルトで新着順ではなく人気順で表示。

ただし、人気順だと表示が固定化してしまう恐れがあるので将来的には変更する。
(例えばランキングエリアと、新着エリアをわけて1画面に表示するなど)

登録ページの説明を改善

登録ページの以下を修正

  • ニックネームと記載すべきところをユーザ名と記載している
  • 登録画面に規約へのリンクがない

登録完了時に新着順で表示

現在登録が完了すると人気順のページを表示している。
この場合登録したアイテムが画面内に表示されない。

新着順なら画面上部に登録したてのものが表示されるので遷移先を修正

noindexの解除

現在プロトタイプということで設定中の以下のnoindexについて、もう少し安定したら解除する

<meta name=”robots” content=”noindex”>

多言語対応

日本語 / 英語を切り替えできるようにする
(その他の言語は後で対応)

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.