goofmint 1.0.0

package/.claude/settings.local.json

@@ -0,0 +1,17 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(jekyll:*)",
+      "Bash(mkdir:*)",
+      "Bash(bundle install:*)",
+      "Bash(tree:*)",
+      "WebFetch(domain:api.iconify.design)",
+      "Bash(bundle exec jekyll clean:*)",
+      "Bash(bundle exec jekyll build:*)",
+      "Bash(npm install)",
+      "Bash(chmod:*)",
+      "Bash(npm link)",
+      "Bash(npx goofmint:*)"
+    ]
+  }
+}

package/.github/workflows/deploy.yml

@@ -0,0 +1,44 @@
+name: Deploy to Cloudflare Pages
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      deployments: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Ruby
+        uses: ruby/setup-ruby@v1
+        with:
+          ruby-version: '3.2'
+          bundler-cache: true
+
+      - name: Install dependencies
+        run: bundle install
+
+      - name: Build Jekyll site
+        run: bundle exec jekyll build
+        env:
+          JEKYLL_ENV: production
+
+      - name: Publish to Cloudflare Pages
+        uses: cloudflare/pages-action@v1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: goofmint-dev
+          directory: _site
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+          branch: main

package/.nvmrc

@@ -0,0 +1 @@
+20

package/.ruby-version

@@ -0,0 +1 @@
+3.2.0

package/DEPLOYMENT.md

@@ -0,0 +1,111 @@
+# Cloudflare Pagesへのデプロイ手順
+
+このドキュメントでは、GitHub Actionsを使用してJekyllサイトをCloudflare Pagesに自動デプロイする方法を説明します。
+
+## 前提条件
+
+- GitHubアカウント
+- Cloudflareアカウント
+- このリポジトリがGitHubにプッシュされていること
+
+## セットアップ手順
+
+### 1. Cloudflare Pages プロジェクトの作成
+
+1. [Cloudflare Dashboard](https://dash.cloudflare.com/) にログイン
+2. 左メニューから「Workers & Pages」を選択
+3. 「Create application」→「Pages」→「Connect to Git」を選択
+4. **GitHubとの接続はスキップ**（GitHub Actionsでデプロイするため）
+5. 代わりに「Direct Upload」を選択
+6. プロジェクト名を `goofmint-dev` に設定
+7. プロジェクトを作成
+
+### 2. Cloudflare API トークンの取得
+
+1. Cloudflare Dashboard で右上のアイコン → 「My Profile」
+2. 左メニューから「API Tokens」を選択
+3. 「Create Token」をクリック
+4. 「Edit Cloudflare Workers」テンプレートを使用するか、カスタムトークンを作成
+   - **Permissions**:
+     - Account - Cloudflare Pages: Edit
+   - **Account Resources**:
+     - Include - 該当するアカウント
+5. 「Continue to summary」→「Create Token」
+6. **トークンをコピーして保存**（後で使用）
+
+### 3. Cloudflare Account IDの取得
+
+1. Cloudflare Dashboard のホームに戻る
+2. 右側のサイドバーに表示されている「Account ID」をコピー
+
+### 4. GitHub Secretsの設定
+
+1. GitHubリポジトリページで「Settings」→「Secrets and variables」→「Actions」
+2. 「New repository secret」をクリックして以下を追加：
+
+   **CLOUDFLARE_API_TOKEN**
+   ```
+   （ステップ2で取得したAPIトークン）
+   ```
+
+   **CLOUDFLARE_ACCOUNT_ID**
+   ```
+   （ステップ3で取得したAccount ID）
+   ```
+
+## デプロイ方法
+
+### 自動デプロイ
+
+`main` ブランチにプッシュすると自動的にデプロイされます：
+
+```bash
+git add .
+git commit -m "Update site"
+git push origin main
+```
+
+### デプロイの確認
+
+1. GitHubリポジトリの「Actions」タブでワークフローの実行状況を確認
+2. 成功したら Cloudflare Dashboard の「Workers & Pages」でデプロイを確認
+3. 提供されたURLでサイトにアクセス
+
+## カスタムドメインの設定
+
+1. Cloudflare Dashboard で該当プロジェクトを選択
+2. 「Custom domains」タブを開く
+3. 「Set up a custom domain」をクリック
+4. ドメイン名を入力（例: `goofmint.dev`）
+5. DNSレコードが自動的に設定されます
+
+## トラブルシューティング
+
+### ビルドエラー
+
+- GitHub Actionsの「Actions」タブでログを確認
+- Rubyのバージョンやgemの依存関係を確認
+
+### デプロイエラー
+
+- Cloudflare API TokenとAccount IDが正しく設定されているか確認
+- プロジェクト名が `goofmint-dev` と一致しているか確認
+
+### 環境変数
+
+本番環境用の環境変数が必要な場合：
+
+```yaml
+# .github/workflows/deploy.yml
+- name: Build Jekyll site
+  run: bundle exec jekyll build
+  env:
+    JEKYLL_ENV: production
+    # その他の環境変数をここに追加
+```
+
+## 参考リンク
+
+- [Cloudflare Pages Documentation](https://developers.cloudflare.com/pages/)
+- [GitHub Actions for Cloudflare Pages](https://github.com/cloudflare/pages-action)
+- [Jekyll Documentation](https://jekyllrb.com/docs/)

package/Gemfile

@@ -0,0 +1,10 @@
+source "https://rubygems.org"
+
+gem "jekyll", "~> 4.3"
+gem "webrick", "~> 1.8"
+
+group :jekyll_plugins do
+  gem "jekyll-feed", "~> 0.17"
+  gem "jekyll-seo-tag", "~> 2.8"
+  gem "jekyll-sitemap", "~> 1.4"
+end

package/README.md

@@ -0,0 +1,118 @@
+# goofmint.dev
+
+個人ポートフォリオサイト
+
+## 概要
+
+Jekyll を使用して構築された個人ポートフォリオサイトです。
+
+## 機能
+
+- **ポートフォリオ**: プロジェクトの一覧と詳細ページ
+- **ブログ**: 技術記事などを投稿
+- **多言語対応**: 日本語・英語
+- **ダークモード**: ライト/ダークテーマ切り替え
+- **レスポンシブデザイン**: モバイル対応
+- **SEO対応**: jekyll-seo-tag プラグインを使用
+- **自動デプロイ**: GitHub Actions → Cloudflare Pages
+
+## セットアップ
+
+### 必要要件
+
+- Ruby 2.7以上
+- Jekyll 4.3以上
+
+### インストール
+
+```bash
+# 依存関係のインストール
+bundle install
+
+# ローカルサーバーの起動
+bundle exec jekyll serve
+
+# ブラウザで http://localhost:4000 にアクセス
+```
+
+## ディレクトリ構造
+
+```
+.
+├── _config.yml          # サイト設定
+├── _includes/           # 再利用可能なコンポーネント
+├── _layouts/            # ページレイアウト
+├── _posts/              # ブログ投稿
+├── _projects/           # プロジェクトページ
+├── _sass/               # Sassスタイルシート
+├── assets/              # CSS、JS、画像
+├── index.html           # トップページ
+├── about.md             # About ページ
+├── blog.html            # ブログ一覧
+└── projects.html        # プロジェクト一覧
+```
+
+## プロジェクトの追加方法
+
+`_projects/` ディレクトリに新しいMarkdownファイルを作成します：
+
+```markdown
+---
+title: プロジェクト名
+tech:
+  - 技術1
+  - 技術2
+github: https://github.com/username/repo
+demo: https://demo.example.com
+---
+
+プロジェクトの説明...
+```
+
+## ブログ投稿の追加方法
+
+`_posts/` ディレクトリに `YYYY-MM-DD-title.md` の形式でファイルを作成します：
+
+```markdown
+---
+layout: post
+title: "投稿タイトル"
+date: YYYY-MM-DD HH:MM:SS +0900
+---
+
+記事の内容...
+```
+
+## ビルド
+
+```bash
+bundle exec jekyll build
+```
+
+ビルドされたサイトは `_site/` ディレクトリに生成されます。
+
+## デプロイ
+
+このサイトはGitHub ActionsでCloudflare Pagesに自動デプロイされます。
+
+詳細な手順は [DEPLOYMENT.md](./DEPLOYMENT.md) を参照してください。
+
+### クイックスタート
+
+1. Cloudflare Pagesでプロジェクト作成
+2. GitHub Secretsに以下を設定：
+   - `CLOUDFLARE_API_TOKEN`
+   - `CLOUDFLARE_ACCOUNT_ID`
+3. `main` ブランチにプッシュすると自動デプロイ
+
+## 技術スタック
+
+- **フレームワーク**: Jekyll 4.3
+- **スタイル**: Sass/SCSS
+- **デプロイ**: Cloudflare Pages
+- **CI/CD**: GitHub Actions
+- **言語**: Ruby 3.2
+
+## ライセンス
+
+MIT License

package/_config.yml

@@ -0,0 +1,77 @@
+# Site settings
+title: goofmint.dev
+description: >-
+  Personal Portfolio Site of Atsushi Nakatsugawa, a DevRel lover based in Yokohama, Japan.
+baseurl: ""
+url: "https://goofmint.dev"
+
+# Language settings
+languages: ["ja", "en"]
+default_lang: "ja"
+lang: "ja"
+
+# Author settings
+author:
+  name: Goofmint
+  email: your-email@example.com
+
+# Build settings
+markdown: kramdown
+permalink: pretty
+
+# Plugins
+plugins:
+  - jekyll-feed
+  - jekyll-seo-tag
+  - jekyll-sitemap
+
+# Exclude from processing
+exclude:
+  - Gemfile
+  - Gemfile.lock
+  - node_modules
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+  - .sass-cache/
+  - .jekyll-cache/
+  - gemfiles/
+
+# Collections
+collections:
+  projects:
+    output: true
+    permalink: /projects/:name/
+  projects_en:
+    output: true
+    permalink: /en/projects/:name/
+
+# Defaults
+defaults:
+  - scope:
+      path: ""
+      type: "projects"
+    values:
+      layout: "project"
+      lang: "ja"
+  - scope:
+      path: ""
+      type: "projects_en"
+    values:
+      layout: "project"
+      lang: "en"
+  - scope:
+      path: ""
+      type: "posts"
+    values:
+      layout: "post"
+      lang: "ja"
+      permalink: /blog/:year/:month/:day/:title/
+  - scope:
+      path: "_posts/en"
+      type: "posts"
+    values:
+      layout: "post"
+      lang: "en"
+      permalink: /en/blog/:year/:month/:day/:title/

package/_data/i18n.yml

@@ -0,0 +1,86 @@
+ja:
+  site:
+    title: goofmint.dev
+    description: アツシの個人ポートフォリオサイト
+
+  nav:
+    home: ホーム
+    projects: プロジェクト
+    blog: ブログ
+    about: 私について
+
+  home:
+    hero_title: goofmint.devへようこそ
+    hero_description: アツシの個人ポートフォリオサイトへようこそ
+    about_title: About
+    about_description: CodeRabbit デベロッパーアドボケイト、株式会社MOONGIFT代表取締役、一般社団法人DevRel代表理事。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ『MOONGIFT』を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶエバンジェリスト業「DevRel」活動をスタートした。ソーシャルIDはすべて goofmint。
+    featured_projects: 注目のプロジェクト
+    latest_posts: 最新の投稿
+    view_all_projects: すべてのプロジェクトを見る
+    view_all_posts: すべての投稿を見る
+
+  projects:
+    title: プロジェクト
+
+  blog:
+    title: ブログ
+
+  about:
+    title: アツシについて
+    skills: スキル
+    experience: 経歴
+    contact: お問い合わせ
+
+  post:
+    posted_on: 投稿日
+
+  footer:
+    rights: All rights reserved.
+
+en:
+  site:
+    title: goofmint.dev
+    description: Personal Portfolio Site
+
+  nav:
+    home: Home
+    projects: Projects
+    blog: Blog
+    about: About
+
+  home:
+    hero_title: Welcome to goofmint.dev
+    hero_description: "Welcome to Atsushi's personal portfolio site"
+    about_title: About
+    about_description: >-
+      CodeRabbit Developer Advocate, CEO of MOONGIFT Inc.,
+      and Representative Director of DevRel Association.
+      Worked as a programmer and engineer at several companies,
+      and became independent at the age of 28.
+      In 2004, he launched "MOONGIFT", a technical blog on open source software,
+      where he shares information daily.
+      In 2013, he incorporated the business and started DevRel activities
+      that connect business and engineers.
+      His social ID is goofmint everywhere.
+    featured_projects: Featured Projects
+    latest_posts: Latest Posts
+    view_all_projects: View All Projects
+    view_all_posts: View All Posts
+
+  projects:
+    title: Projects
+
+  blog:
+    title: Blog
+
+  about:
+    title: About me
+    skills: Skills
+    experience: Experience
+    contact: Contact
+
+  post:
+    posted_on: Posted on
+
+  footer:
+    rights: All rights reserved.

package/_data/social.yml

@@ -0,0 +1,19 @@
+github:
+  url: https://github.com/goofmint
+  icon: github.svg
+  name: GitHub
+
+twitter:
+  url: https://twitter.com/goofmint
+  icon: X.svg
+  name: X
+
+linkedin:
+  url: https://www.linkedin.com/in/goofmint/
+  icon: linkedin.svg
+  name: LinkedIn
+
+email:
+  url: mailto:atsushi@moongift.jp
+  icon: email.svg
+  name: Email

package/_includes/footer.html

@@ -0,0 +1,18 @@
+<footer class="site-footer">
+  <div class="wrapper">
+    <div class="footer-content">
+      <div class="footer-info">
+        <p>&copy; {{ 'now' | date: "%Y" }} {{ site.title }}. All rights reserved.</p>
+        <p>{{ site.description }}</p>
+      </div>
+
+      <div class="social-links">
+        {% for social in site.data.social %}
+          <a href="{{ social[1].url }}" target="_blank" rel="noopener noreferrer" aria-label="{{ social[1].name }}" class="social-link">
+            <img src="{{ '/assets/images/icons/' | append: social[1].icon | relative_url }}" alt="{{ social[1].name }}" class="social-icon">
+          </a>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</footer>

package/_includes/header.html

@@ -0,0 +1,42 @@
+{% include i18n.html %}
+{% if page.lang == 'en' %}
+  {% assign home_url = "/en/" %}
+  {% assign projects_url = "/en/projects/" %}
+  {% assign blog_url = "/en/blog/" %}
+  {% assign about_url = "/en/about/" %}
+{% else %}
+  {% assign home_url = "/" %}
+  {% assign projects_url = "/projects/" %}
+  {% assign blog_url = "/blog/" %}
+  {% assign about_url = "/about/" %}
+{% endif %}
+
+<header class="site-header">
+  <div class="wrapper">
+    <a class="site-title" href="{{ home_url | relative_url }}">{{ site.title }}</a>
+
+    <div class="header-right">
+      <nav class="site-nav">
+        <a href="{{ home_url | relative_url }}">{{ t.nav.home }}</a>
+        <a href="{{ projects_url | relative_url }}">{{ t.nav.projects }}</a>
+        <a href="{{ blog_url | relative_url }}">{{ t.nav.blog }}</a>
+        <a href="{{ about_url | relative_url }}">{{ t.nav.about }}</a>
+      </nav>
+
+      <div class="header-controls">
+        <button class="lang-toggle" aria-label="言語切り替え">
+          {% if page.lang == 'en' %}JA{% else %}EN{% endif %}
+        </button>
+
+        <button class="theme-toggle" aria-label="テーマ切り替え">
+          <svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+            <path d="M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z"/>
+          </svg>
+          <svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+            <path d="M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z"/>
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</header>

package/_includes/i18n.html

@@ -0,0 +1,2 @@
+{% assign lang = page.lang | default: site.lang | default: site.default_lang %}
+{% assign t = site.data.i18n[lang] %}

package/_layouts/default.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'ja' }}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
+  <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+  <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">
+  <script src="{{ "/assets/js/theme-toggle.js" | relative_url }}"></script>
+  <script src="{{ "/assets/js/lang-toggle.js" | relative_url }}"></script>
+  {% seo %}
+  {% feed_meta %}
+</head>
+<body>
+  {% include header.html %}
+
+  <main class="page-content">
+    <div class="wrapper">
+      {{ content }}
+    </div>
+  </main>
+
+  {% include footer.html %}
+</body>
+</html>

package/_layouts/post.html

@@ -0,0 +1,18 @@
+---
+layout: default
+---
+
+<article class="post">
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title }}</h1>
+    <p class="post-meta">
+      <time datetime="{{ page.date | date_to_xmlschema }}">
+        {{ page.date | date: "%Y年%m月%d日" }}
+      </time>
+    </p>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+</article>

package/_layouts/project.html

@@ -0,0 +1,37 @@
+---
+layout: default
+---
+
+<article class="project">
+  <header class="project-header">
+    <h1 class="project-title">{{ page.title }}</h1>
+    {% if page.tech %}
+    <div class="project-tech">
+      {% if page.status %}
+        <span class="tech-tag status-{{ page.status | downcase }}">{{ page.status }}</span>
+      {% endif %}
+      {% for tech in page.tech %}
+        <span class="tech-tag">{{ tech }}</span>
+      {% endfor %}
+    </div>
+    {% endif %}
+  </header>
+
+  <div class="project-content">
+    {{ content }}
+  </div>
+
+  {% if page.github or page.demo or page.site %}
+  <div class="project-links">
+    {% if page.site %}
+      <a href="{{ page.site }}" target="_blank" class="btn">URL</a>
+    {% endif %}
+    {% if page.github %}
+      <a href="{{ page.github }}" target="_blank" class="btn">GitHub</a>
+    {% endif %}
+    {% if page.demo %}
+      <a href="{{ page.demo }}" target="_blank" class="btn">Demo</a>
+    {% endif %}
+  </div>
+  {% endif %}
+</article>