xinyin025/hello-algo
1
0
Fork 0
mirror of https://github.com/krahets/hello-algo.git synced 2026-08-20 07:21:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

build

Browse Source
This commit is contained in:
krahets
2026-04-03 18:46:15 +08:00
parent 377736b1bd
commit 9d21ca86b0
352 changed files with 46563 additions and 11262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ja/docs/index.html
+51 -68
View File
@@ -71,7 +71,7 @@
<img style="height: min(9vh, 12vw);" src="https://readme-typing-svg.demolab.com/?font=Noto+Sans+JP&weight=400&duration=3500&pause=2000&color=FFF&center=true&vCenter=true&random=false&width=200&lines=Hello,+%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0+!" alt="" />
<div style="pointer-events: auto;">
<p style="margin-top: max(-1vh, -2vw); margin-bottom: min(2vh, 3.5vw);">
アニメーション解説とワンクリック実行ができるデータ構造とアルゴリズムのチュートリアル
アニメーション図解とワンクリック実行で学ぶデータ構造とアルゴリズムのチュートリアル
</p>
<a href="chapter_hello_algo/" class="rounded-button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
@@ -84,7 +84,7 @@
<path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z">
</path>
</svg>
<span>コードリポジトリ</span>
<span>GitHub</span>
</a>
</div>
<!-- arrow -->
@@ -96,32 +96,8 @@
</div>
</section>
<!-- Section: brief introduction -->
<section data-md-color-scheme="slate" class="home-div">
<div class="section-content">
<img src="index.assets/hello_algo_header.png" style="width: 100%; max-width: 41.5em;" alt="Preview">
<div class="code-badge">
<img src="https://img.shields.io/badge/Python-snow?logo=python&logoColor=3776AB" alt="" />
<img src="https://img.shields.io/badge/Java-snow?logo=coffeescript&logoColor=FC4C02" alt="" />
<img src="https://img.shields.io/badge/C%2B%2B-snow?logo=c%2B%2B&logoColor=00599C" alt="" />
<img src="https://img.shields.io/badge/C-snow?logo=c&logoColor=A8B9CC" alt="" />
<img src="https://img.shields.io/badge/C%23-snow?logo=csharp&logoColor=512BD4" alt="" />
<img src="https://img.shields.io/badge/JS-snow?logo=javascript&logoColor=E9CE30" alt="" />
<img src="https://img.shields.io/badge/Go-snow?logo=go&logoColor=00ADD8" alt="" />
<img src="https://img.shields.io/badge/Swift-snow?logo=swift&logoColor=F05138" alt="" />
<img src="https://img.shields.io/badge/Rust-snow?logo=rust&logoColor=000000" alt="" />
<img src="https://img.shields.io/badge/Ruby-snow?logo=ruby&logoColor=CC342D" alt="" />
<img src="https://img.shields.io/badge/Kotlin-snow?logo=kotlin&logoColor=7F52FF" alt="" />
<img src="https://img.shields.io/badge/TS-snow?logo=typescript&logoColor=3178C6" alt="" />
<img src="https://img.shields.io/badge/Dart-snow?logo=dart&logoColor=0175C2" alt="" />
<img src="https://img.shields.io/badge/Zig-snow?logo=zig&logoColor=F7A41D" alt="" />
</div>
<p style="margin-top: 2em;">500 枚のアニメーション図解、14 類のプログラミング言語のコード、3000 件のコミュニティQ&Aで，データ構造とアルゴリズムをすばやく習得しよう</p>
</div>
</section>
<!-- Section: reading -->
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div">
<div class="section-content">
<div class="reading-media">
<!-- devices -->
@@ -129,18 +105,6 @@
<!-- mac height = 248.1 mm -->
<!-- ipad height = 280.6mm -->
<!-- iphone height = 160.7mm -->
<div class="media-block">
<a href="chapter_paperbook/">
<div style="height: 8.17%;"></div>
<img class="device-on-hover" style="height: 66.83%;" src="../assets/hero/cover_render.png" alt="Cover">
<div class="text-button">
<span>紙の書籍を入手</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z" />
</svg>
</div>
</a>
</div>
<div class="media-block">
<a href="chapter_hello_algo/">
<div style="height: 4.34%;"></div>
@@ -166,28 +130,29 @@
</a>
</div>
</div>
<p style="margin-top: 2em;">500枚のアニメーション図解、14種類のプログラミング言語コード、3000件のコミュニティQ&amp;Aで、データ構造とアルゴリズムの学習をすばやく始めよう</p>
</div>
</section>
<!-- Section: endorsements -->
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div">
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div home-div--black">
<div class="section-content">
<h3 style="text-align: center; margin: 1em auto;">推薦文</h3>
<div class="intro-container" style="margin: 0 auto;">
<div class="intro-text endor-text">
<p style="margin-bottom: 0;">「わかりやすいデータ構造とアルゴリズムの入門書で、読者が手と頭を使って学べるよう導いてくれます。アルゴリズム初心者に強くおすすめします。」</p>
<p style="font-weight: bold;">—— 邓俊辉，清華大学コンピュータ系教授</p>
<p style="margin-bottom: 0;">「わかりやすいデータ構造とアルゴリズムの入門書で、読者を手と頭の両方を使う学びへと導いてくれます。アルゴリズムを初めて学ぶ人に強くおすすめします。」</p>
<p style="font-weight: bold;">—— Junhui Deng、清華大学コンピュータ科学科教授</p>
</div>
<div class="intro-text endor-text">
<p style="margin-bottom: 0;">「もし私が当時データ構造とアルゴリズムを学んでいたときに『Hello アルゴリズム』があったなら、学習は10倍も簡単だったはずだ！」</p>
<p style="font-weight: bold;">—— 李沐，アマゾンのシニアプリンシパルサイエンティスト</p>
<p style="margin-bottom: 0;">「もし私がデータ構造とアルゴリズムを学んでいた当時に『Hello アルゴリズム』があったなら、学ぶのは10倍は簡単だったはずです！」</p>
<p style="font-weight: bold;">—— Mu Li、Amazon シニアプリンシパルサイエンティスト</p>
</div>
</div>
</div>
</section>
<!-- Section: features -->
<section data-md-color-scheme="default" data-md-color-primary="white" class="home-div">
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div">
<div class="section-content">
<div class="intro-container">
<div class="intro-text">
@@ -198,15 +163,15 @@
</svg>
<h3 style="margin-left: 0.5em;">アニメーション図解</h3>
</div>
<p style="margin: 0;">内容は明快で理解しやすく、学習曲線は緩やか</p>
<p style="margin: 0;">内容は明快で理解しやすく、学習曲線もなだらかです</p>
<p class="intro-quote">"A picture is worth a thousand words."<br>「一枚の絵は千の言葉に値する」</p>
</div>
</div>
<img class="intro-image" src="index.assets/animation.gif" alt="Animation example">
<video class="intro-image" src="index.assets/animation.mp4" autoplay loop muted playsinline aria-label="Animation example"></video>
</div>
<div class="intro-container">
<img class="intro-image" src="index.assets/running_code.gif" alt="Running code example">
<video class="intro-image" src="index.assets/running_code.mp4" autoplay loop muted playsinline aria-label="Running code example"></video>
<div class="intro-text">
<div>
<div style="display: flex; align-items: center;">
@@ -215,7 +180,7 @@
</svg>
<h3 style="margin-left: 0.5em;">ワンクリック実行</h3>
</div>
<p style="margin: 0;">10種類以上のプログラミング言語で、コードを可視化して実行</p>
<p style="margin: 0;">10種類以上のプログラミング言語に対応し、コードを可視化して実行できます</p>
<p class="intro-quote">"Talk is cheap. Show me the code."<br>「口で言うよりコードを見せよ」</p>
</div>
</div>
@@ -230,16 +195,32 @@
</svg>
<h3 style="margin-left: 0.5em;">相互学習</h3>
</div>
<p style="margin: 0;">議論や質問を歓迎し、読者同士でともに前進</p>
<p style="margin: 0;">議論や質問を歓迎し、読者同士が支え合いながら学べます</p>
<p class="intro-quote">"Learning by teaching."<br>「教えることで学ぶ」</p>
</div>
</div>
<img class="intro-image" src="index.assets/comment.gif" alt="Comments example">
<video class="intro-image" src="index.assets/comment.mp4" autoplay loop muted playsinline aria-label="Comments example"></video>
</div>
</div>
</section>
<!-- Section: special thanks -->
<section class="home-div home-div--black" data-md-color-primary="grey" data-md-color-scheme="slate">
<div class="section-content">
<h3 style="text-align: center; margin: 0 0 2em 0;">
謝辞
</h3>
<a href="https://go.warp.dev/hello-algo">
<img src="https://github.com/warpdotdev/brand-assets/raw/main/Github/Sponsor/Warp-Github-LG-02.png"
class="device-on-hover intro-image" style="max-width: 30em;" alt="Warp-Github-LG-02" />
<div class="text-button" style="margin: 1em auto;">
<span>Warp is built for coding with multiple AI agents.</span>
</div>
</a>
</div>
</section>
<!-- Section: contributors -->
<section data-md-color-scheme="slate" data-md-color-primary="grey" class="home-div">
<div class="section-content" style="max-width: 90vw;">
@@ -256,9 +237,24 @@
</div>
</div>
<!-- reviewers -->
<!-- translators -->
<div style="margin: 2em auto;">
<h3>コードレビュー担当者</h3>
<h3>翻訳者</h3>
<p>本書の日本語版は、以下の翻訳者によってレビューされました。ご貢献に感謝します！</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/eltociear">
<img class="profile-img" src="../assets/avatar/avatar_eltociear.jpg" alt="Reviewer: eltociear" />
<br><b>eltociear</b>
</a>
</div>
</div>
</div>
<!-- code reviewers -->
<div style="margin: 2em auto;">
<h3>コードレビュアー</h3>
<p>本書の多言語コード版は、以下の開発者の協力によって実現しました。ご尽力に感謝します！</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/coderonion">
@@ -347,26 +343,13 @@
</div>
</div>
<!-- translators -->
<div style="margin: 2em auto;">
<h3>日本語版審閱者</h3>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/eltociear">
<img class="profile-img" src="../assets/avatar/avatar_eltociear.jpg" alt="Reviewer: eltociear" />
<br><b>eltociear</b>
</a>
</div>
</div>
</div>
<!-- contributors -->
<div style="margin: 2em auto;">
<h3>貢献者</h3>
<p>本書はオープンソースコミュニティの200名を超える貢献者の皆さんの共同の努力によって継続的に改善されています。時間と労力に感謝します！</p>
<p>本書は、オープンソースコミュニティの200名を超える貢献者の共同作業によって継続的に改善されています。皆さんの時間と労力に感謝します！</p>
<a href="https://github.com/krahets/hello-algo/graphs/contributors">
<img src="https://contrib.rocks/image?repo=krahets/hello-algo&max=300&columns=12" alt="Contributors" style="width: 100%; max-width: 38.5em;">
</a>
</div>
</div>
</section>
</section>