Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yukihirop/onepage

OnePageとは、プログラミングに特化したスライド共有サービスです。
https://github.com/yukihirop/onepage

bulma grape rails rubocop ruby storybook vuejs

Last synced: about 1 month ago
JSON representation

OnePageとは、プログラミングに特化したスライド共有サービスです。

Awesome Lists containing this project

README

        

# WIP

# OnePage
OnePageとは、プログラミングに特化したスライド共有サービスです。
ただスライドを共有するだけではなく1ページにまとめたスライドも一緒に投稿することでスライドを読まなくても
内容が把握できるようになっているのがこのサービスの特徴です。

## 動作環境
以下の環境で動作することを確認しています。

- ruby 2.4.1p111 (2017-03-22 revision 58053) [x86_64-darwin14]
- rails (~> 5.1.4)
- yarn (1.5.1)
- node (v8.0.0)

## 開発に必要な知識
- rails
- [grape](https://github.com/ruby-grape/grape)
- swagger
- vuejs(フロントエンドのフレームワーク)
- webpack
- [bulma](https://bulma.io/)
- storybook

## 動作確認

#### backend
```
$ bin/rails db:setup
$ bin/rails s
```

#### frontend
```
$ cd frontend
$ npm run dev
```

[![Image from Gyazo](https://i.gyazo.com/5aebab3dbab516b541c22a813be6dbeb.png)](https://gyazo.com/5aebab3dbab516b541c22a813be6dbeb)

#### swagger
```
$ docker run -p 5000:8080 swaggerapi/swagger-ui
$ open localhost:5000
```

1. 開いた画面の検索バーに「http://localhost:3000/api/v1/swagger_doc」を入力する
2. Explore

[![Image from Gyazo](https://i.gyazo.com/22ed427a2857d504eaff9af7139d74ae.png)](https://gyazo.com/22ed427a2857d504eaff9af7139d74ae)

#### storybook
```
$ yarn storybook
```

[![Image from Gyazo](https://i.gyazo.com/88c675f9d95544378c3b089809a2a3f8.png)](https://gyazo.com/88c675f9d95544378c3b089809a2a3f8)