Merge pull request #247 from kwaka1208/astro

Astro化と大きい画面でのレイアウト調整

Author: kwaka1208

.dependabot/config.yml

@@ -1,76 +1,43 @@
 // Specifications: https://containers.dev/implementors/json_reference/
 // Format details: https://aka.ms/devcontainer.json
-// Config options: https://github.com/microsoft/vscode-dev-containers/tree/main/containers/ruby
 {
   "name": "dojocon2023.coderdojo.jp",
 
-  // Universal is well-customized image for Codespaces:
-  // https://hub.docker.com/_/microsoft-devcontainers-universal
-  //"image": "mcr.microsoft.com/devcontainers/universal:2",
-  //"image": "mcr.microsoft.com/devcontainers/universal:2.2.9",
-
-  // Use Ruby image if you want to pin Ruby version like '3.2'
-  // https://github.com/devcontainers/images/tree/main/src/ruby
-  "image": "mcr.microsoft.com/devcontainers/ruby:3.2",
-
-  // Enable learners to choose an affordable spec, starting at minimum one.
-  //"hostRequirements": {
-  //  "cpus":    2,
-  //  "memory":  "4gb",
-  //  "storage": "32gb"
-  //},
+  // Astro 7 は Node.js 22.12 以上が必要
+  // https://github.com/devcontainers/images/tree/main/src/javascript-node
+  "image": "mcr.microsoft.com/devcontainers/javascript-node:22",
 
   "waitFor": "onCreateCommand",
-  "onCreateCommand": "gem install solargraph",
-  //"onCreateCommand": "",
-  //# => Solargraph gem not found. Run `gem install solargraph` or update your Gemfile.
-  "updateContentCommand": "bundle install",
-  "postCreateCommand": "",
+  "updateContentCommand": "npm ci",
   "postAttachCommand": {
-    "server": "jekyll serve"
+    "server": "npm run dev -- --host"
   },
+
   "customizations": {
     "codespaces": {
-      "openFiles": [
-        "index.md"
-      ]
+      "openFiles": ["src/pages/index.astro"]
     },
     "vscode": {
       "extensions": [
-	"GitHub.codespaces",
-        "rebornix.Ruby",        // https://github.com/rubyide/vscode-ruby
-	"castwide.solargraph"   // https://github.com/castwide/vscode-solargraph
+        "GitHub.codespaces",
+        "astro-build.astro-vscode", // https://github.com/withastro/language-tools
+        "esbenp.prettier-vscode"
       ],
       "settings": {
-	// Use Ctrl+Shift+P->Format to format.
-	//"ruby.useLanguageServer": true ,
-	//"ruby.format": "rubocop",
-	//"ruby.lint": { "rubocop": true },
-	//"ruby.intellisense": "rubyLocate",
-	"editor.tabSize": 2,
-	"editor.renderWhitespace": false,
-	"files.associations": { "*.erb": "erb" },
-	"emmet.includeLanguages": { "erb": "html" },
-	
-	// Settings for Solargraph
-	"solargraph.useBundler":  false,
-	"solargraph.diagnostics": false,
-	"solargraph.formatting":  true,
-	"solargraph.autoformat":  false,
-	"solargraph.definitions": true,
-	"solargraph.completion":  true,
-	"solargraph.references":  true,
-	"solargraph.symbols":     true,
-	"solargraph.rename":      true,
-	"solargraph.hover":       true
+        "editor.tabSize": 2,
+        "editor.renderWhitespace": false,
+        "[astro]": {
+          "editor.defaultFormatter": "astro-build.astro-vscode"
+        }
       }
     }
   },
+
   "portsAttributes": {
-    "4000": {
+    "4321": {
       "label": "Application",
       "onAutoForward": "openPreview"
     }
   },
-  "forwardPorts": [4000]
+  "forwardPorts": [4321]
 }

.devcontainer/devcontainer.json

@@ -0,0 +1,70 @@
+name: Test & Deploy
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - '*'
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# 同時デプロイを避ける（進行中のデプロイはキャンセルしない）
+concurrency:
+  group: pages
+  cancel-in-progress: false
+
+jobs:
+  # 型チェックとリンク切れ検査。すべての push / PR で実行する
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: ☑️ Checkout code
+        uses: actions/checkout@v4
+
+      - name: 🟢 Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - name: 📦 Install dependencies
+        run: npm ci
+
+      - name: 🧪 Type check
+        run: npm run check
+
+      - name: 🔧 Build
+        run: npm run build
+
+      - name: 🔗 Check internal links
+        run: npm run test:links
+
+  # ビルドと GitHub Pages 用アーティファクトのアップロード
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: ☑️ Checkout code
+        uses: actions/checkout@v4
+
+      - name: 🔧 Build with Astro
+        uses: withastro/action@v6
+        with:
+          node-version: 22
+
+  # main ブランチへの push かつ CI 通過時のみデプロイする
+  deploy:
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    needs: [test, build]
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: 🚀 Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.gitattributes

@@ -1,7 +1,15 @@
-_site
-.sass-cache
-.jekyll-cache
-.jekyll-metadata
-vendor
+# build output
+dist/
 
-.DS_Store
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# environment variables
+.env
+.env.production
+
+# macOS
+.DS_Store