{"id":23002848,"url":"https://github.com/q23isline/study_vuetify","last_synced_at":"2026-04-05T21:32:21.024Z","repository":{"id":266922590,"uuid":"899753810","full_name":"q23isline/study_vuetify","owner":"q23isline","description":"AWS SAM ( Python ) と Vuetify 勉強用リポジトリ","archived":false,"fork":false,"pushed_at":"2025-07-20T06:20:13.000Z","size":230,"stargazers_count":0,"open_issues_count":7,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-20T08:26:51.207Z","etag":null,"topics":["docker","docker-compose","dockero-compose","github-actions","python","sam","vuejs","vuetify"],"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":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-07T00:01:25.000Z","updated_at":"2025-07-20T06:20:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c7cbad1-0ddc-4af2-b67e-19190551c65f","html_url":"https://github.com/q23isline/study_vuetify","commit_stats":null,"previous_names":["q23isline/study_vuetify"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/q23isline/study_vuetify","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vuetify","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vuetify/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vuetify/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vuetify/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/q23isline","download_url":"https://codeload.github.com/q23isline/study_vuetify/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/q23isline%2Fstudy_vuetify/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31451438,"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","docker-compose","dockero-compose","github-actions","python","sam","vuejs","vuetify"],"created_at":"2024-12-15T07:12:26.552Z","updated_at":"2026-04-05T21:32:20.985Z","avatar_url":"https://github.com/q23isline.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# study_vuetify\n\n[![LICENSE](https://img.shields.io/badge/license-MIT-green.svg)](./LICENSE)\n[![GitHub Actions Backend](https://github.com/q23isline/study_vuetify/actions/workflows/python.yml/badge.svg)](https://github.com/q23isline/study_vuetify/actions/workflows/python.yml)\n[![GitHub Actions Frontend](https://github.com/q23isline/study_vuetify/actions/workflows/nodejs.yml/badge.svg)](https://github.com/q23isline/study_vuetify/actions/workflows/nodejs.yml)\n[![GitHub Actions Dockerfile](https://github.com/q23isline/study_vuetify/actions/workflows/dockerfile.yml/badge.svg)](https://github.com/q23isline/study_vuetify/actions/workflows/dockerfile.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_vuetify)\n\n[![Python](https://img.shields.io/static/v1?logo=python\u0026label=Python\u0026message=v3.13\u0026labelColor=555555\u0026color=3776AB\u0026logoColor=3776AB)](https://www.python.org/)\n[![Node.js](https://img.shields.io/static/v1?logo=node.js\u0026label=Node.js\u0026message=v22.12.0\u0026labelColor=555555\u0026color=339933\u0026logoColor=339933)](https://nodejs.org)\n[![npm](https://img.shields.io/static/v1?logo=npm\u0026label=npm\u0026message=v10.9.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.31\u0026labelColor=555555\u0026color=4FC08D\u0026logoColor=4FC08D)](https://ja.vuejs.org/)\n[![Vuetify](https://img.shields.io/static/v1?logo=vuetify\u0026label=Vuetify\u0026message=v3.7.5\u0026labelColor=555555\u0026color=1867C0\u0026logoColor=1867C0)](https://vuetifyjs.com/ja/)\n\nVuetify 勉強用リポジトリ\n\n- [バックエンド開発ガイドライン](./backend/README.md)\n- [フロントエンド開発ガイドライン](./frontend/README.md)\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- インストール（Windows Subsystem for Linux 上に）\n  - [AWS SAM CLI](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/install-sam-cli.html)\n  - [Python](https://www.python.org/)\n\n## はじめにやること\n\n1. Windows Subsystem for Linux 上でプログラムダウンロード\n\n    ```bash\n    git clone 'https://github.com/q23isline/study_vuetify.git'\n    ```\n\n2. リポジトリのカレントディレクトリへ移動\n\n    ```bash\n    cd study_vuetify\n    ```\n\n3. 開発準備\n\n    ```bash\n    cp .vscode/settings.json.default .vscode/settings.json\n    cp .vscode/launch.json.default .vscode/launch.json\n    ```\n\n4. アプリ立ち上げ\n\n    ```bash\n    docker compose build\n    docker compose up -d\n    # ライブラリインストール\n    docker compose exec frontend npm install\n    docker build -t study_vuetify-backend -f docker/local/python/Dockerfile backend\n    docker run -it --rm -v $(pwd)/backend:/backend study_vuetify-backend uv sync\n\n    # エディタがライブラリを実行できるように実行権限を含めた全権限を与える\n    sudo chmod -R 777 frontend/node_modules backend/.venv\n\n    cd backend\n    sam build --use-container\n    sam local start-api -p 3010 --debug \u003e logs/debug.log 2\u003e\u00261 --docker-network study_vuetify_default\n    ```\n\n## 日常的にやること\n\n### バックエンドのビルド\n\n```bash\ncd backend\nsam build --use-container\n```\n\n### システム起動\n\n```bash\n# リポジトリのカレントディレクトリ\npwd\n# /xxx/xxx/study_vuetify\n\n# コンテナ起動\ndocker compose up -d\n# フロントエンド起動\ndocker compose exec frontend npm run dev -- --host\n# バックエンド起動\ncd backend\nsam local start-api -p 3010 --debug \u003e logs/debug.log 2\u003e\u00261 --docker-network study_vuetify_default\n```\n\n### システム終了\n\n```bash\n# バックエンド起動ターミナルで Ctrl + c\n# フロントエンド起動ターミナルで Ctrl + c\n\ndocker compose down\n```\n\n## 動作確認\n\n### URL\n\n- バックエンド\n  - \u003chttp://localhost:3010\u003e\n- フロントエンド\n  - \u003chttp://localhost:3000\u003e\n\n## Dockerfile コード静的解析実行\n\n```bash\ndocker run --rm -i hadolint/hadolint \u003c $(pwd)/docker/local/node/Dockerfile\ndocker run --rm -i hadolint/hadolint \u003c $(pwd)/docker/local/python/Dockerfile\n```\n\n## ログ出力場所\n\n| サービス | ログ出力場所  |\n| -------- | ------------- |\n| Node.js  | logs/frontend |\n| Python   | backend/logs  |\n\n## Permission Deniedエラーや VSCode でライブラリが読み込めないエラーが出た時の解決方法\n\n```bash\n# プロジェクト全体のファイルすべてに読み込み、書き込み権限を与える\nsudo chmod -R ogu+rw ./\n# インストールしたライブラリに実行権限を含めた全権限を与える\nsudo chmod -R 777 frontend/node_modules backend/.venv\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq23isline%2Fstudy_vuetify","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fq23isline%2Fstudy_vuetify","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fq23isline%2Fstudy_vuetify/lists"}