Giter Site home page Giter Site logo

prickathon.github.io's Introduction

prickathon.github.io

Nuxt.js project

Build Setup

# install dependencies
$ npm install # Or yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate

For detailed explanation on how things work, checkout the Nuxt.js docs.

ハッカソン作品追加方法

  1. git clone します

  2. static/history.json を開きます。

  3. "title" が参加した回であることを確認し、 "works" 配列の中身を編集します

    1. json の抜粋

          {
            "title": "prickathon #7",
            "times": 7,
            "works": [
              {
                "id": 27,
                "name": "pretty-series-calendar",
                "authors": [
                  "@yumechi"
                ],
                "thumbnailUrl": "/works/prickathon7/yumechi.png",
                "description": "プリティーシリーズのイベントをまとめるカレンダー作りました",
                "linkToContent": "https://github.com/yumechi/pretty-series-calendar"
              },
    2. 各パラメータの説明

      • "id": idです。機械的に前の数値より1つ大きいものを指定してください
      • "name": 作品名です。
      • "authors": 作者名です。複数人指定可能です。
      • "thumbnailUrl": 作品のイメージです。staticディレクトリをルートとして指定します。省略した場合は「ゆめ準備中」画像になります。
      • "description": 作品の説明です。
      • "linkToContent": 作品のタイトル名をクリックしたときにジャンプするリンクです。
  4. 上のBuild Setupを行うと、ローカルで確認できます

わからないことがあったら、 @takanakahiko , @yumechi あたりに聞いてね!

prickathon.github.io's People

Contributors

takanakahiko avatar renovate[bot] avatar entyo avatar yensaki avatar yumechi avatar sue445 avatar ogijun2018 avatar nino010101 avatar satoru-prichan avatar nagait84 avatar saken649 avatar sergeant118 avatar

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.