Skip to content

Commit

Permalink
README.mdの追加
Browse files Browse the repository at this point in the history
  • Loading branch information
aozoraUS committed Nov 17, 2024
1 parent 3e81918 commit 308ac34
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 77 deletions.
4 changes: 2 additions & 2 deletions .github/workflows/deploy_main.yml
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
name: mainブランチの内容をもとにAPIから事前にデータを取得しCloudflare Pagesにデプロイ
on:
# schedule:
# - cron: '0 15 * * *' # 毎日0時(日本時間)にビルド
schedule:
- cron: "0 15 * * *" # 毎日0時(日本時間)にビルド
workflow_dispatch:
push:
branches:
Expand Down
132 changes: 57 additions & 75 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,75 +1,57 @@
# Nuxt Minimal Starter

Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.

## Setup

Make sure to install dependencies:

```bash
# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev
```

## Production

Build the application for production:

```bash
# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build
```

Locally preview production build:

```bash
# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
# 2025 quaint app
## 伝言
Nuxt3(フロントフレームワーク)
Vuetify(UIフレームワーク)
yarn(パッケージマネージャー)
→npmを使わないように気をつけて
eslint(developとmainにマージするようにチェックするようにgithub actionでworkflowを組んでおいた)
本当はcommitしたときにeslintのチェックいれるべきだと思うけどhuskyがnot in a git repositoryとかでて面倒だったので断念
こだわりがあったら後々直してください、、
prettier
→ファイル保存時にeslintとprettierは実行するようにした気がする
sidebase-nuxt-auth(認証用モジュール)
→パッケージをインストールしただけでセットアップしてないです

devcontainerとdocker composeの両方使えるようにしてあります
docker compose でコンテナ立ち上げるときはcloneして最初に起動するときはyarn installをするのを忘れないで。
→devcontainerのほうはコンテナ作成と同時にyarn installを自動でするようになってます

<フォルダ解説>
.github : github actionのworkflowが入ってます
.vscode : vscodeの設定と推薦する拡張機能を書いておきました。このリポジトリ開くと右下あたりにポップアップがでてくるはず
pages : nuxt2と同じ。フロントのいわゆるメインとなる部分です。.vueファイルを入れていくことになる
plugins : pluginの設定ようです。vuetifyを入れるためのファイルがあるのがわかると思います。
.node-version : nodeのバージョン書いてます。cloudflare pagesでデプロイするときにnodeのバージョン指定してもなんかうまく認識してくれなかったのでここにファイルとしておいてあります。
.prettierignore : prettierがコード整形しないファイルを記述する場所
.prettierrc : prettierの設定ファイル。好きなようにカスタマイズして
eslint.config.js : eslintの設定ファイル。自分で一からやるの面倒だったから適当なテンプレート読み込んであります。変数命名規則ぐらいは自分で作ったほうがいいよ
nuxt.config.ts : nuxt3の設定が書いてあるファイルです
package.json : モジュールの依存関係とか色々。詳しくは調べて
tsconfig.json : 調べてないから知らん。多分typescriptの設定を書いていく場所
yarn.lock : yarnが勝手に書いていく場所です。人の手で絶対に編集しないようにして

<デプロイに関して>
mainブランチの内容が毎日0時とpushされたときに自動でデプロイするようにしたはず。時間なさすぎて何も確認してないからエラー出るかも。少なくとも技術主任の人はcloudflare使って手動でデプロイする権限あるので自動でできてなかったら、組み直すか手でやってください。cloudflareのデプロイの設定はすでにしてあります

## ブランチの使い分け
main : 本番のコードをおいておく
develop : 開発用のコードをおいておく
その他 : 新しい機能を開発する

ということでつまり
1 developから新しくブランチを作って新しい機能を開発
2 developに新しい機能を作ったブランチをマージ
3 develop → main にマージ
という流れに統一してください

eslintとcloudflareのチェックがpull requestを作ると自動で行われるようになってます。よく確認してからマージしてください。

## これからやること
nuxt3用の認証モジュールはsidebase-nuxt-authを入れておきました。
これにした理由は推奨されていた3つのモジュールの中で一番有名だったから

moduleとしてnuxtにこのライブラリ読み込ませると、他のセットアップまで色々やるまでページが正しく動かなくなっちゃうっぽかったから、ライブラリインストールしただけでそれ以外のセットアップは僕は何もやってないです(セットアップまで全部やろうとするには時間がなさすぎた、すみません、、、、)。nuxt.config.tsのmoduleの欄を見ると僕がmoduleのsidebase-nuxt-authのインポートをコメントアウトしている部分が見つかると思います。

ということで一番はじめにやる必要があるのはこれのセットアップだと思います(整理券取るのにログイン正しくできなかったら大問題)。

みんな協力して頑張って!!

0 comments on commit 308ac34

Please sign in to comment.