From e5f6b039272aded0bd352550d48736280fba43e2 Mon Sep 17 00:00:00 2001 From: huyikai Date: Wed, 17 Apr 2024 00:45:07 +0800 Subject: [PATCH] i18n(ja): Create `content.mdx` (#7794) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * i18n(ja): Create `content.mdx` * i18n(ja): Update `content.mdx` * i18n(ja): Update `content.mdx` * fix broken link * i18n(ja): Update `content.mdx` * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * Update src/content/docs/ja/community-resources/content.mdx Co-authored-by: Shinya Fujino * リセット タイトル * fix broken link --------- Co-authored-by: Shinya Fujino Co-authored-by: Yan <61414485+yanthomasdev@users.noreply.github.com> --- .../docs/ja/community-resources/content.mdx | 86 +++++++++++++++++++ src/content/docs/ja/recipes.mdx | 2 +- 2 files changed, 87 insertions(+), 1 deletion(-) create mode 100644 src/content/docs/ja/community-resources/content.mdx diff --git a/src/content/docs/ja/community-resources/content.mdx b/src/content/docs/ja/community-resources/content.mdx new file mode 100644 index 0000000000000..e1a546468a830 --- /dev/null +++ b/src/content/docs/ja/community-resources/content.mdx @@ -0,0 +1,86 @@ +--- +title: コミュニティ製教材 +description: コミュニティが作成したチュートリアル、ガイド、記事、ビデオを探索してAstroについて学び、プロジェクトを作成しましょう！ +i18nReady: true +--- + +import Badge from '~/components/Badge.astro'; + +Astroについて学び、プロジェクトを作成するためのリソースは豊富にあります。以下はAstroコミュニティによって作成・維持されている教材です。 + +すべてのリンクは外部サイトに向けられており、Astroの以前のバージョンに基づいている可能性があります。コミュニティのコンテンツを使用する際には、公開日を確認し、プロジェクトの要件に応じて適宜調整することをお勧めします。 + +Astroの教材についてもっと知りたい場合は、[Astroブログ](https://astro.build/blog/)にアクセスするか、[公式Astroニュースレター](https://astro.build/newsletter/signup)に登録してください。毎月、コミュニティのベストコンテンツを振り返ります。 + +## コースとチュートリアル + +コースとチュートリアルは、新しい概念を教えることに重点を置いており、通常、演習やサンプルプロジェクトが含まれています。これらは新しい概念を学ぶための素晴らしい方法であり、Astroプロジェクトに取り組むために必要なツールを提供してくれます。 + +以下のコースとチュートリアルをチェックして、Astroについてもっと学びましょう。 + +### 入門チュートリアル + - [Astro Web Framework Crash Course](https://www.youtube.com/watch?v=e-hTm5VmofI) freeCodeCamp + - [Astro Crash Course in 20 minutes](https://www.youtube.com/watch?v=zrPVTf761OI) Chris Pennington（完全版有料コース：[Learn Astro](https://learnastro.dev/)） + - [Astro 3.0 Crash Course](https://www.youtube.com/watch?v=qBOz6TpYAOg) James Q Quick（完全版有料コース：[Build Modern Websites with Astro](https://astrocourse.dev/)） + - [Astro Crash Course in 60 minutes](https://www.youtube.com/watch?v=NniT0vKyn-E) @developedbyed + - [Understanding Astro（電子書籍）](https://www.ohansemmanuel.com/books/understanding-astro) Ohans Emmanuel + - [The Valley of Code - Astro](https://thevalleyofcode.com/astro) Flavio Copes + + ### 動画チュートリアル + - [Astro Quick Start Course: Build an SSR Blog](https://www.youtube.com/watch?v=XoIHKO6AkoM) + - [How I created a movie application with Astro 3.x](https://www.youtube.com/watch?v=Gvr4WhgfP0w) + - [You may not ACTUALLY understand Content Collections…](https://www.youtube.com/watch?v=Fcw4c3wzm7I) + - [Build a custom blog platform with Astro and Apprwrite](https://www.youtube.com/watch?v=OERqwLy_reA) + - [Astro JS Portfolio Crash Course](https://www.youtube.com/watch?v=TwWvNK0yHjI) + - [Build a full stack blog with Astro](https://egghead.io/courses/build-a-full-stack-blog-with-astro-7ffcf9ec) + +## レシピとガイド + +コミュニティメンバーによって投稿された、Astroプロジェクトに機能を追加するガイド付きの例をご覧ください！ + +[Astroレシピ](/ja/recipes/)は、特定のタスクの動作例を完成させるまで読者を案内する、短く焦点を絞ったハウツーガイドです。レシピは、ステップバイステップの指示に従いAstroプロジェクトに新しい機能や動作を追加するのに最適な方法です！ + +その他のガイドでは、画像の使用やMDXの処理など、コンテンツ領域に関連する概念を説明することがあります。 + +:::tip[あなたのコンテンツを追加しましょう！] +Astroのレシピを書きましたか？[このページを編集](/~https://github.com/withastro/docs/edit/main/src/content/docs/ja/community-resources/content.mdx)して、適切なセクションにリンクを追加してください！ +::: + +### CSS +- [Use UnoCSS in Astro](https://www.elian.codes/blog/23-02-11-implementing-unocss-in-astro/) +- [Add dark mode to Astro with Tailwind CSS](https://www.kevinzunigacuellar.com/blog/dark-mode-in-astro/) +### 認証 +- [Add Github OAuth with Lucia](https://lucia-auth.com/tutorials/github-oauth/astro) +- [Add username and password authentication with Lucia](https://lucia-auth.com/tutorials/username-and-password/astro) +### RSS +- [Use a dynamic filename when importing images](https://vaihe.com/blog/astro/astro-dynamic-image-prop/) +- [Add an RSS feed to Astro using Storyblok's stories](https://straffesites.com/en/blog/rss-feed-astro-storyblok) +- [How to Send Any Data to Your RSS Feed? A Guide with Astro + RSS](https://aritraroy.live/tutorial/blogs/2023/how-to-send-any-data-to-rss-feed/) +### 画像 +- [Add blog post images to your Astro RSS Feed](https://webreaper.dev/posts/astro-rss-feed-blog-post-images/) +- [Generate Open Graph images for an Astro blog](https://techsquidtv.com/blog/generating-open-graph-images-for-astro/) +### エディターツール +- [Get VSCode, ESLint & Prettier working with Astro](https://patheticgeek.dev/blog/astro-prettier-eslint-vscode) +- [Integrate Prettier with Astro and Tailwind CSS](https://straffesites.com/en/blog/integrate-prettier-astro-tailwindcss) +### Markdown +- [Build a table of contents from Astro's Markdown headings](https://kld.dev/building-table-of-contents/) +- [Create a Remark plugin to remove runts from your Markdown files](https://eatmon.co/blog/remove-runts-markdown/) +- [Set Up Draft Pages Effectively in Astro with Config-Driven Content Authoring](https://akashrajpurohit.com/blog/set-up-draft-pages-effectively-in-astro-with-configdriven-content-authoring/) +### パフォーマンス +- [Enhance your Astro builds: modify HTML files post-build](https://straffesites.com/en/blog/optimize-astro-html-post-build) +- [Setting up micro-frontends with Astro](https://medium.com/@sergio.a.soria/setting-up-micro-frontends-with-astro-and-ecma-script-modules-137340d2c520) +- [How to Implement Incremental Static Regeneration (ISR) in Astro](https://logsnag.com/blog/implementing-isr-in-astro) +### ユーティリティ +- [Using tRPC in Astro](https://www.thomasledoux.be/blog/using-trpc-astro-islands-react) +- [Integrating Sentry with Astro](https://akashrajpurohit.com/blog/seamless-error-tracking-integrating-sentry-with-astro/) +- [Generate localized sitemaps for your Astro and Storyblok project](https://straffesites.com/en/blog/localized-sitemap-astro-storyblok) +- [Add searching to your site with Pagefind](https://blog.otterlord.dev/posts/astro-search/) +- [Add searching to your site with Fuse.js](https://www.youtube.com/watch?v=XnV_2MWqAhQ) +- [Add a comments section to your Astro blog using Giscus](https://elazizi.com/posts/add-comments-section-to-your-astro-blog/) +### 国際化とローカライズ +- [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n) +- [Translate routes in Astro for content collections and subpages](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/) +### Astro DB +- [Creating a Guestbook with Astro DB](https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/) +- [How to Build a Views Counter with Astro DB](https://www.vorillaz.com/astro-views) + diff --git a/src/content/docs/ja/recipes.mdx b/src/content/docs/ja/recipes.mdx index 2a54f858c43be..d62e8df7661b2 100644 --- a/src/content/docs/ja/recipes.mdx +++ b/src/content/docs/ja/recipes.mdx @@ -17,4 +17,4 @@ Astroプロジェクトに機能を追加するガイド付きの例をご覧く import ReadMore from '~/components/ReadMore.astro' -コミュニティによって書かれ、メンテナンスされているその他のレシピについては、[コミュニティ製レシピとガイド](/ja/community-resources/content/#recipes-and-guides)を確認してください。 +コミュニティによって書かれ、メンテナンスされているその他のレシピについては、[コミュニティ製レシピとガイド](/ja/community-resources/content/#レシピとガイド)を確認してください。