{"id":20662859,"url":"https://github.com/q23isline/study_vue3","last_synced_at":"2026-04-05T23:02:10.743Z","repository":{"id":252601772,"uuid":"840913597","full_name":"q23isline/study_vue3","owner":"q23isline","description":"Vite 勉強用のリポジトリ","archived":false,"fork":false,"pushed_at":"2024-12-02T13:57:51.000Z","size":161,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-10T05:58:06.900Z","etag":null,"topics":["docker-compose","github-actions","mysql","typescript","vite","vuejs"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/q23isline.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-08-11T04:32:06.000Z","updated_at":"2024-12-03T13:12:16.000Z","dependencies_parsed_at":"2024-11-16T19:15:49.032Z","dependency_job_id":"16570080-3d4d-4050-956b-1d0e675e56fd","html_url":"https://github.com/q23isline/study_vue3","commit_stats":null,"previous_names":["q23isline/study_vue3"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/q23isline/study_vue3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vue3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vue3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vue3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vue3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/q23isline","download_url":"https://codeload.github.com/q23isline/study_vue3/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vue3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31452901,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"ssl_error","status_checked_at":"2026-04-05T21:22:51.943Z","response_time":75,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["docker-compose","github-actions","mysql","typescript","vite","vuejs"],"created_at":"2024-11-16T19:15:42.350Z","updated_at":"2026-04-05T23:02:10.726Z","avatar_url":"https://github.com/q23isline.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# study_vue3\n\n[![LICENSE](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)\n![releases](https://img.shields.io/github/release/q23isline/study_vue3.svg?logo=github)\n[![GitHub Actions](https://github.com/q23isline/study_vue3/actions/workflows/ci.yml/badge.svg)](https://github.com/q23isline/study_vue3/actions/workflows/ci.yml)\n[![Open in Visual Studio Code](https://img.shields.io/static/v1?logo=visualstudiocode\u0026label=\u0026message=Open%20in%20Visual%20Studio%20Code\u0026labelColor=555555\u0026color=007acc\u0026logoColor=007acc)](https://open.vscode.dev/q23isline/study_vue3)\n\n[![MySQL](https://img.shields.io/static/v1?logo=mysql\u0026label=MySQL\u0026message=v8.3\u0026labelColor=555555\u0026color=4479A1\u0026logoColor=4479A1)](https://dev.mysql.com)\n[![Node.js](https://img.shields.io/static/v1?logo=node.js\u0026label=Node.js\u0026message=v20.15.0\u0026labelColor=555555\u0026color=339933\u0026logoColor=339933)](https://nodejs.org)\n[![npm](https://img.shields.io/static/v1?logo=npm\u0026label=npm\u0026message=v10.7.0\u0026labelColor=555555\u0026color=CB3837\u0026logoColor=CB3837)](https://www.npmjs.com/)\n[![Vue.js](https://img.shields.io/static/v1?logo=vue.js\u0026label=Vue.js\u0026message=v3.4.37\u0026labelColor=555555\u0026color=4FC08D\u0026logoColor=4FC08D)](https://ja.vuejs.org/)\n\n## 前提\n\n- インストール\n  - [Windows Subsystem for Linux](https://learn.microsoft.com/ja-jp/windows/wsl/)\n  - [Git](https://git-scm.com/)\n  - [Docker Desktop](https://www.docker.com/ja-jp/products/docker-desktop/)\n  - [Visual Studio Code](https://code.visualstudio.com/)\n\n## はじめにやること\n\n1. Windows Subsystem for Linux 上でプログラムダウンロード\n\n    ```bash\n    git clone 'https://github.com/q23isline/study_vue3.git'\n    ```\n\n2. リポジトリのカレントディレクトリへ移動\n\n    ```bash\n    cd study_vue3\n    ```\n\n3. 開発準備\n\n    ```bash\n    cp .vscode/settings.json.default .vscode/settings.json\n    ```\n\n4. DB コンテナ起動時に Permission Denied で起動できない状態にならないように権限付与する\n\n    ```bash\n    sudo chmod -R ugo+w logs\n    ```\n\n5. アプリ立ち上げ\n\n    ```bash\n    docker compose build --no-cache\n    docker compose down -v\n    sudo rm -rf node_modules\n    docker create -it --name front study_vue3-front bash\n    sudo docker cp front:/app/node_modules $(pwd)\n    docker rm -f front\n    sudo chmod -R 777 node_modules\n    docker compose up -d\n    docker compose exec front npm run build\n    ```\n\n## 日常的にやること\n\n### システム起動\n\n```bash\ndocker compose up -d\n```\n\n### システム終了\n\n```bash\ndocker compose down\n```\n\n### フロントエンドのビルド\n\n```bash\ndocker compose exec front npm run build\n```\n\n## 動作確認\n\n### URL\n\n- \u003chttp://localhost:5173\u003e\n\n## dev tool の起動\n\n- \u003chttp://localhost:5173/__devtools__/\u003e\n\n## フロントエンド静的解析単体実行\n\n```bash\ndocker compose exec front npm run lint\n```\n\n## フロントエンドフォーマット解析単体実行\n\n```bash\ndocker compose exec front npm run format-check\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq23isline%2Fstudy_vue3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fq23isline%2Fstudy_vue3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq23isline%2Fstudy_vue3/lists"}