Git Product home page Git Product logo

web's Introduction

Web frontend for Otomadb.com

GitHub

Otomadb.comの Web フロントエンドです.

バグ報告など

バグ報告や機能の要望などはIssuesへ書いてもらえると助かります. GitHub のアカウントがない場合は開発者の Twitter などにメンションを送ってください.

編集者へ

次のスクリプトをブックマークに追加すると動画登録が楽になるかもしれません.

(function () {
  const nicovideoRegex = /https:\/\/www.nicovideo.jp\/watch\/([a-z]{2}\d+)+/;
  if (nicovideoRegex.test(window.location.href)) {
    const m = window.location.href.match(nicovideoRegex);
    window.open(`https://www.otomadb.com/editor/nicovideo?sourceId=${m[1]}`);
  }
})();

開発者へ

Contribution は歓迎します.

セットアップ

以下を導入してください.

  • Node.js v18
  • pnpm

あるいは,Nixが入っていてdirenvが適切に設定されているなら,次のコマンドで環境が整うはずです.

direnv allow

npm scripts

TL;DR

pnpm run dev
pnpm run codegen:watch # 別のターミナルで

pnpm run dev

デフォルトではlocalhost:3000に Next.js 開発環境が立ち上がります.

pnpm run codegen

graphql-codegen によって API の型定義が生成されます.

pnpm run codegen:watchでファイル更新がある度に型定義ファイルを更新します.pnpm run devまたはpnpm run storybookの起動中は同時に起動することを推奨します.(pnpm run devでこれが呼ばれることはありません.)

デフォルトでは./schema.graphqlから型定義ファイルを生成しますが,GRAPHQL_SCHEMA_PATHによって変更可能です. 例えば,手元でGraphQL APIlocalhost:8080で動かしているなら,GRAPHQL_SCHEMA_PATH="http://localhost:8080/graphql"などに設定してください.

pnpm run storybook

デフォルトではlocalhost:6006に Storybook が立ち上がります.

ライセンス

MIT License

連絡先

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.