|
1 | | -# Indie Dev Zero Portfolio |
| 1 | +# Indie Dev Zero ポートフォリオ |
2 | 2 |
|
3 | | -This is a portfolio website built with React, Vite, and Tailwind CSS. |
| 3 | +React, Vite, Tailwind CSS で構築されたポートフォリオサイトです。 |
4 | 4 |
|
5 | | -## Getting Started |
| 5 | +## 始め方 |
6 | 6 |
|
7 | | -### Prerequisites |
8 | | -- Node.js (v18 or later recommended) |
| 7 | +### 前提条件 |
| 8 | +- Node.js (v18 以降を推奨) |
9 | 9 |
|
10 | | -### Installation |
11 | | -1. Clone the repository: |
| 10 | +### インストール |
| 11 | +1. リポジトリをクローンします: |
12 | 12 | ```bash |
13 | 13 | git clone https://github.com/unchunks/unchunks.github.io.git |
14 | 14 | cd unchunks.github.io |
15 | 15 | ``` |
16 | | -2. Install dependencies: |
| 16 | +2. 依存関係をインストールします: |
17 | 17 | ```bash |
18 | 18 | npm install |
19 | 19 | ``` |
20 | 20 |
|
21 | | -### Development |
22 | | -Start the local development server: |
| 21 | +### 開発(ローカル実行) |
| 22 | +ローカル開発サーバーを起動します: |
23 | 23 | ```bash |
24 | 24 | npm run dev |
25 | 25 | ``` |
26 | | -Open [http://localhost:5173](http://localhost:5173) in your browser. |
| 26 | +ブラウザで [http://localhost:5173](http://localhost:5173) を開いて確認できます。 |
27 | 27 |
|
28 | | -### Building |
29 | | -Build the project for production: |
| 28 | +### ビルド |
| 29 | +本番用にプロジェクトをビルドします: |
30 | 30 | ```bash |
31 | 31 | npm run build |
32 | 32 | ``` |
33 | | -The output will be in the `dist` directory. |
| 33 | +出力ファイルは `dist` ディレクトリに生成されます。 |
34 | 34 |
|
35 | | -## Customization |
| 35 | +## カスタマイズ |
36 | 36 |
|
37 | | -You can easily update the site content by editing `src/data.js`. |
38 | | -- **Profile**: Name, role, bio, social links. |
39 | | -- **Projects**: Add or remove projects. |
40 | | -- **Posts**: Add new blog posts. |
| 37 | +`src/data.js` を編集するだけで、サイトのコンテンツを簡単に更新できます。 |
| 38 | +- **Profile**: 名前、役職、自己紹介、SNSリンク |
| 39 | +- **Projects**: プロジェクトの追加・削除 |
| 40 | +- **Posts**: 新しいブログ記事の追加 |
41 | 41 |
|
42 | | -## Deployment |
| 42 | +### 新しい記事の追加方法 |
43 | 43 |
|
44 | | -This project is configured to automatically deploy to GitHub Pages using GitHub Actions. |
45 | | -Any push to the `main` branch will trigger a deployment. |
| 44 | +1. `src/data.js` を開きます。 |
| 45 | +2. `posts` 配列を見つけます。 |
| 46 | +3. 以下のような形式で、新しい記事データを追加してください(IDは他と被らないユニークな数字にしてください)。 |
46 | 47 |
|
47 | | -Ensure your repository settings are configured to serve from the `gh-pages` branch (or whichever branch the action deploys to, usually `gh-pages` created by the action). |
| 48 | +```javascript |
| 49 | +{ |
| 50 | + id: 104, // 新しいID |
| 51 | + title: "新しい記事のタイトル", |
| 52 | + date: "2023-12-01", |
| 53 | + category: "DevLog", |
| 54 | + content: "ここに記事の本文を書きます..." |
| 55 | +} |
| 56 | +``` |
| 57 | + |
| 58 | +保存すると、サイトに自動的に反映されます。 |
| 59 | + |
| 60 | +## デプロイ(公開) |
| 61 | + |
| 62 | +このプロジェクトは、GitHub Actions を使用して GitHub Pages に自動デプロイされるように設定されています。 |
| 63 | +`main` ブランチにプッシュすると、自動的にデプロイ処理が開始されます。 |
| 64 | + |
| 65 | +### 注意点 |
| 66 | +GitHub Pages の設定で、デプロイ元(Source)が **"GitHub Actions"** になっていることを確認してください。 |
| 67 | +(設定 > Pages > Build and deployment > Source) |
0 commit comments