Merge pull request #60 from brklntmhwk/59-add-news

docs(contents): 📖 create news articles

src/content/i18n/ja/translation.yml

@@ -15,7 +15,7 @@ nav:
     blog: *blog
     news: *news
     about: *about
-    tools: 愛用ツール群
+    tools: 愛用ツール一覧
   hamburger_label: ハンバーガーメニュー開閉
 pager:
   left_arrow_label: 前のページ

src/content/news/en/created-my-personal-website.md → src/content/news/en/created-my-personal-website.mdx

@@ -1,12 +1,14 @@
 ---
-title: Created my personal website!
+title: My personal website built and published!
 type: news
 draft: published
 publishedAt: 2024-05-13T04:42:53.561Z
-modifiedAt: 2024-07-12T06:23:47.820Z
+modifiedAt: 2024-09-12T00:48:45.359Z
 ---
 
-Since Feb 22, 2024, I set about to develop my own website, and finished it up to a minimum decent level after 4 months or so. If you're interested in the details of the development, see [this article](https://younagi.dev/blog/astro-website).
+Since Feb 22, 2024, I set about to develop my own website, and finished it up to a minimum decent level after 4 months or so. If you're interested in the details of the development, see this article.
+
+https://younagi.dev/blog/astro-website
 
 ## What did I create my own website for?
 

src/content/news/en/recent-activities-from-jun-to-sep-2024.mdx

@@ -0,0 +1,45 @@
+---
+title: Recent Activities from Jun to Sep 2024
+publishedAt: 2024-09-11T08:34:48.605Z
+fmContentType: news
+modifiedAt: 2024-09-12T01:09:23.785Z
+draft: published
+---
+
+## The gist
+
+- I built a PC from parts selection and it took me almost a month
+- I tweaked around this website fixing bugs, adding new features, posting articles
+- I bought a Mac Studio M2 MAX
+
+## My Homebuilt PC
+
+![ All the PC parts procured ](../../../assets/images/pc-parts.webp)
+
+Since this August, I started planning to build my homebuilt PC from scratch. As a total newbie, I finally managed to get it done after a lot of twists and turns. It took me almost a month from planning to the OS installation.
+
+1. **Select parts:** 1 week
+2. **Procure parts:** 3~4 days
+3. **Build the PC:** 2 days
+4. **Fix errors:** 2 weeks
+5. **install the OS:** 1 day
+
+## This Website Improved
+
+Since [the first news](https://younagi.dev/news/created-my-personal-website/) posted, I've been tweaking around this website on a daily basis. Here are some of the outcomes.
+
+- New articles published
+  - 5 articles in total as of Sep 11 2024
+- The card layout component created
+  - See [this page](https://younagi.dev/tools/) for example
+- The five star rating component created
+  - See articles categorized as "Learning"
+  - The easy-to-hard level rating is it
+
+## Mac Studio M2 Arrives
+
+![ My Mac Studio M2 ](../../../assets/images/mac-studio-img.webp)
+
+I bought a Mac Studio M2 MAX! Did I get the Studio Display as well?...Someday when the price goes down to a decent level, maybe. (I really love the look and feel though)
+
+For the time being, I'm going to use the M2 Mac Studio for creative work and the homebuilt PC for coding respectively.

src/content/news/en/tools-i-use-daily-shared.mdx

@@ -0,0 +1,19 @@
+---
+title: Tools I use daily shared!
+publishedAt: 2024-09-11T06:55:14.947Z
+fmContentType: news
+draft: published
+modifiedAt: 2024-09-12T01:11:24.907Z
+---
+
+## The gist
+
+My list of tools (Hardware & software) has just been shared. Take a look at the page below if you're interested in it. It includes the following categories:
+
+- **Daily use:** Main & peripheral devices, etc.
+- **Arts:** Music, photo & videography, etc.
+- **Development:** Tech stack and my coding environment
+
+Note that this might change later.
+
+https://younagi.dev/tools/

src/content/news/ja/created-my-personal-website.md → src/content/news/ja/created-my-personal-website.mdx

@@ -1,12 +1,14 @@
 ---
-title: 個人ウェブサイトを立ち上げました！
+title: 個人ウェブサイトを開発&立ち上げました！
 type: news
 publishedAt: 2024-05-13T04:42:38.854Z
 draft: published
-modifiedAt: 2024-07-12T06:25:59.058Z
+modifiedAt: 2024-09-12T00:48:23.076Z
 ---
 
-2024 年 2 月 22 日から、個人サイトの開発に着手しました。そして 4 ヶ月ほどの格闘を経て、公開できる最低限のレベルまでは完成しました。開発の中身についてもし興味があれば、[こちらの記事](https://younagi.dev/ja/blog/astro-website)をご覧あれ。
+2024 年 2 月 22 日から、個人サイトの開発に着手しました。そして 4 ヶ月ほどの格闘を経て、公開できる最低限のレベルまでは完成しました。開発の中身についてもし興味があれば、こちらの記事をご覧ください。
+
+https://younagi.dev/ja/blog/astro-website
 
 ## このサイトを立ち上げた理由
 

src/content/news/ja/recent-activities-from-jun-to-sep-2024.mdx

@@ -0,0 +1,46 @@
+---
+title: 最近の活動 2024年6月～9月
+publishedAt: 2024-09-11T08:34:48.605Z
+fmContentType: news
+modifiedAt: 2024-09-12T01:12:56.855Z
+draft: published
+---
+
+## 概要
+
+- パーツ選定から始めて自作 PC を完成させたがおよそ 1 ヶ月かかった
+- バグ修正や新機能、記事の投稿などで当サイトをテコ入れしていた
+- Mac Studio M2 MAX を買った
+
+## 自作PC
+
+![ 全てのPCパーツを調達完了 ](../../../assets/images/pc-parts.webp)
+
+今年 8 月から、ゼロからの自作 PC 製作に取り掛かりました。初心者なりに紆余曲折ありましたが何とかやり遂げました。計画から OS のインストールが済むまでにおよそ 1 ヶ月かかりました。
+
+1. **パーツ選定:** 1 週間
+2. **パーツ調達:** 3～4 日
+3. **PC組み立て:** 2 日
+4. **エラー修正:** 2 週間
+5. **OSのインストール:** 1 日
+
+
+## 当サイトの改善
+
+[最初のニュース記事](https://younagi.dev/news/created-my-personal-website/)が投稿されてからというもの、日に日に当サイトのテコ入れをしていました。これらがその成果の一部です。
+
+- 新記事が投稿された
+  - 2024 年 9 月 11 日時点で 5 記事
+- カードレイアウトのコンポーネントが作成された
+  - 例: [愛用ツール一覧ページ](https://younagi.dev/tools/)
+- 5 つ星評価コンポーネントが作成された
+  - 「学び」カテゴリの記事を参照のこと
+  - 「易しい～難しい」の難易度表記
+
+## Mac Studio M2 が到着
+
+![ My Mac Studio M2 ](../../../assets/images/mac-studio-img.webp)
+
+Mac Studio M2 MAX を購入しました！Studio Display も買ったのかって？...いつかもう少しまともな値段になったら買います多分...。(見た目の感じはとても好みなんですがね)
+
+当面は M2 Mac Studio を創作活動に、自作 PC をコーディング用途に充てる予定です。

src/content/news/ja/tools-i-use-daily-shared.mdx

@@ -0,0 +1,19 @@
+---
+title: 愛用ツールのリストを公開しました!
+publishedAt: 2024-09-11T06:55:14.947Z
+fmContentType: news
+draft: published
+modifiedAt: 2024-09-12T01:10:58.663Z
+---
+
+## 概要
+
+私が愛用しているツールのリスト(ハードウェア&ソフトウェア)を公開しました。興味のある方は下記のページをご覧ください。大まかには次のようなカテゴリに分類されています。
+
+- **普段使い:** メイン&周辺機器など
+- **アート:** 音楽、写真・動画撮影など
+- **開発:** 技術構成や私のコーディング環境
+
+内容については今後変更するかもしれません。
+
+https://younagi.dev/tools/

src/pages/[locale]/news/[slug].astro

@@ -1,6 +1,7 @@
 ---
 import NewsLayout from '@/layouts/NewsLayout.astro';
 import { getSortedContentEntries } from '@/lib/collections/contents';
+import { mdxComponents } from '@/lib/mdx-components';
 import { getLocaleFromSlug } from '@/utils/get-locale-from-slug';
 import { getSlugWithoutLocale } from '@/utils/get-slug-without-locale';
 import { defaultLang } from '@/utils/i18n/data';
@@ -25,5 +26,5 @@ const { Content } = await entry.render();
 ---
 
 <NewsLayout entry={{ ...entry }}>
-  <Content />
+  <Content components={mdxComponents} />
 </NewsLayout>

src/pages/news/[slug].astro

@@ -1,6 +1,7 @@
 ---
 import NewsLayout from '@/layouts/NewsLayout.astro';
 import { getSortedContentEntries } from '@/lib/collections/contents';
+import { mdxComponents } from '@/lib/mdx-components';
 import { getSlugWithoutLocale } from '@/utils/get-slug-without-locale';
 import { defaultLang } from '@/utils/i18n/data';
 import type { GetStaticPaths } from 'astro';
@@ -20,5 +21,5 @@ const { Content } = await entry.render();
 ---
 
 <NewsLayout entry={{ ...entry }}>
-  <Content />
+  <Content components={mdxComponents} />
 </NewsLayout>