This commit is contained in:
krahets
2026-03-29 05:49:29 +08:00
parent 2f81bd6498
commit 68cafe99dd
31 changed files with 231 additions and 279 deletions
File diff suppressed because one or more lines are too long
+51 -51
View File
@@ -221,7 +221,7 @@
<img alt="" src="https://readme-typing-svg.demolab.com/?font=Noto+Sans+JP&amp;weight=400&amp;duration=3500&amp;pause=2000&amp;color=FFF&amp;center=true&amp;vCenter=true&amp;random=false&amp;width=200&amp;lines=Hello,+%E3%82%A2%E3%83%AB%E3%82%B4%E3%83%AA%E3%82%BA%E3%83%A0+!" style="height: min(9vh, 12vw);"/>
<div style="pointer-events: auto;">
<p style="margin-top: max(-1vh, -2vw); margin-bottom: min(2vh, 3.5vw);">
アニメーション解とワンクリック実行ができるデータ構造とアルゴリズムのチュートリアル
アニメーション解とワンクリック実行で学ぶデータ構造とアルゴリズムのチュートリアル
</p>
<a class="rounded-button" href="chapter_hello_algo/">
<svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
@@ -251,30 +251,6 @@
</div>
</div>
</section>
<section class="home-div" data-md-color-scheme="slate">
<div class="section-content">
<img alt="Preview" src="index.assets/hello_algo_header.png" style="width: 100%; max-width: 41.5em;"/>
<div class="code-badge">
<img alt="" src="https://img.shields.io/badge/Python-snow?logo=python&amp;logoColor=3776AB"/>
<img alt="" src="https://img.shields.io/badge/Java-snow?logo=coffeescript&amp;logoColor=FC4C02"/>
<img alt="" src="https://img.shields.io/badge/C%2B%2B-snow?logo=c%2B%2B&amp;logoColor=00599C"/>
<img alt="" src="https://img.shields.io/badge/C-snow?logo=c&amp;logoColor=A8B9CC"/>
<img alt="" src="https://img.shields.io/badge/C%23-snow?logo=csharp&amp;logoColor=512BD4"/>
<img alt="" src="https://img.shields.io/badge/JS-snow?logo=javascript&amp;logoColor=E9CE30"/>
<img alt="" src="https://img.shields.io/badge/Go-snow?logo=go&amp;logoColor=00ADD8"/>
<img alt="" src="https://img.shields.io/badge/Swift-snow?logo=swift&amp;logoColor=F05138"/>
<img alt="" src="https://img.shields.io/badge/Rust-snow?logo=rust&amp;logoColor=000000"/>
<img alt="" src="https://img.shields.io/badge/Ruby-snow?logo=ruby&amp;logoColor=CC342D"/>
<img alt="" src="https://img.shields.io/badge/Kotlin-snow?logo=kotlin&amp;logoColor=7F52FF"/>
<img alt="" src="https://img.shields.io/badge/TS-snow?logo=typescript&amp;logoColor=3178C6"/>
<img alt="" src="https://img.shields.io/badge/Dart-snow?logo=dart&amp;logoColor=0175C2"/>
<img alt="" src="https://img.shields.io/badge/Zig-snow?logo=zig&amp;logoColor=F7A41D"/>
</div>
<p style="margin-top: 2em;">
500 枚のアニメーション図解、14 類のプログラミング言語のコード、3000 件のコミュニティQ&amp;Aで,データ構造とアルゴリズムをすばやく習得しよう
</p>
</div>
</section>
<section class="home-div" data-md-color-primary="white" data-md-color-scheme="default">
<div class="section-content">
<div class="reading-media">
@@ -285,7 +261,7 @@
<img alt="Cover" class="device-on-hover" src="../assets/hero/cover_render.png" style="height: 66.83%;"/>
<div class="text-button">
<span>
書籍を入手
紙書籍を入手
</span>
<svg viewbox="0 0 320 512" xmlns="http://www.w3.org/2000/svg">
<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">
@@ -327,6 +303,9 @@
</a>
</div>
</div>
<p style="margin-top: 2em;">
500枚のアニメーション図解、14種類のプログラミング言語コード、3000件のコミュニティQ&amp;Aで、データ構造とアルゴリズムの学習をすばやく始めよう
</p>
</div>
</section>
<section class="home-div" data-md-color-primary="grey" data-md-color-scheme="slate">
@@ -337,18 +316,18 @@
<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;">
—— 邓俊辉,清華大学コンピュータ教授
—— Junhui Deng、清華大学コンピュータ科学科教授
</p>
</div>
<div class="intro-text endor-text">
<p style="margin-bottom: 0;">
「もし私が当時データ構造とアルゴリズムを学んでいたときに『Hello アルゴリズム』があったなら、学は10倍簡単だったはず!」
「もし私がデータ構造とアルゴリズムを学んでいた当時に『Hello アルゴリズム』があったなら、学ぶのは10倍簡単だったはずです!」
</p>
<p style="font-weight: bold;">
—— 李沐,アマゾンのシニアプリンシパルサイエンティスト
—— Mu Li、Amazon シニアプリンシパルサイエンティスト
</p>
</div>
</div>
@@ -369,7 +348,7 @@
</h3>
</div>
<p style="margin: 0;">
内容は明快で理解しやすく、学習曲線は緩やか
内容は明快で理解しやすく、学習曲線もなだらかです
</p>
<p class="intro-quote">
"A picture is worth a thousand words."
@@ -394,7 +373,7 @@
</h3>
</div>
<p style="margin: 0;">
10種類以上のプログラミング言語、コードを可視化して実行
10種類以上のプログラミング言語に対応し、コードを可視化して実行できます
</p>
<p class="intro-quote">
"Talk is cheap. Show me the code."
@@ -417,7 +396,7 @@
</h3>
</div>
<p style="margin: 0;">
議論や質問を歓迎し、読者同士でともに前進
議論や質問を歓迎し、読者同士が支え合いながら学べます
</p>
<p class="intro-quote">
"Learning by teaching."
@@ -431,6 +410,21 @@
</div>
</section>
<section class="home-div" 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 alt="Warp-Github-LG-02" class="device-on-hover intro-image" src="https://github.com/warpdotdev/brand-assets/raw/main/Github/Sponsor/Warp-Github-LG-02.png" style="max-width: 30em;"/>
<div class="text-button" style="margin: 1em auto;">
<span>
Warp is built for coding with multiple AI agents.
</span>
</div>
</a>
</div>
</section>
<section class="home-div" data-md-color-primary="white" data-md-color-scheme="default">
<div class="section-content" style="max-width: 90vw;">
<div style="margin: 2em auto;">
<h3>
@@ -450,8 +444,30 @@
</div>
<div style="margin: 2em auto;">
<h3>
コードレビュー担当
翻訳
</h3>
<p>
本書の日本語版は、以下の翻訳者によってレビューされました。ご貢献に感謝します!
</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/eltociear">
<img alt="Reviewer: eltociear" class="profile-img" src="../assets/avatar/avatar_eltociear.jpg"/>
<br/>
<b>
eltociear
</b>
</a>
</div>
</div>
</div>
<div style="margin: 2em auto;">
<h3>
コード翻訳者
</h3>
<p>
本書の多言語コード版は、以下の開発者の協力によって実現しました。ご尽力に感謝します!
</p>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/coderonion">
@@ -611,28 +627,12 @@
</div>
</div>
</div>
<div style="margin: 2em auto;">
<h3>
日本語版審閱者
</h3>
<div class="profile-div">
<div class="profile-cell">
<a href="https://github.com/eltociear">
<img alt="Reviewer: eltociear" class="profile-img" src="../assets/avatar/avatar_eltociear.jpg"/>
<br/>
<b>
eltociear
</b>
</a>
</div>
</div>
</div>
<div style="margin: 2em auto;">
<h3>
貢献者
</h3>
<p>
本書はオープンソースコミュニティの200名を超える貢献者の皆さんの共同の努力によって継続的に改善されています。時間と労力に感謝します!
本書はオープンソースコミュニティの200名を超える貢献者の共同作業によって継続的に改善されています。皆さんの時間と労力に感謝します!
</p>
<a href="https://github.com/krahets/hello-algo/graphs/contributors">
<img alt="Contributors" src="https://contrib.rocks/image?repo=krahets/hello-algo&amp;max=300&amp;columns=12" style="width: 100%; max-width: 38.5em;"/>
+1 -1
View File
@@ -8,4 +8,4 @@ document$.subscribe(({ body }) => {
],
});
});
/*! update cache: 20260329053055 */
/*! update cache: 20260329054750 */
+1 -1
View File
@@ -15,4 +15,4 @@ window.MathJax = {
document$.subscribe(() => {
MathJax.typesetPromise();
});
/*! update cache: 20260329053055 */
/*! update cache: 20260329054750 */
+2 -2
View File
@@ -25,7 +25,7 @@
baseSpeed: 1, // Base speed of stars (will affect acceleration)
trailLength: 0.8, // Length of star trail (0-1)
starColor: "rgb(255, 255, 255)", // Color of stars (only rgb)
canvasColor: "rgb(0, 0, 0)", // Canvas background color (only rgb)
canvasColor: "rgb(30, 30, 30)", // Canvas background color (only rgb)
hueJitter: 0, // Maximum hue variation in degrees (0-360)
maxAcceleration: 10, // Maximum acceleration
accelerationRate: 0.2, // Rate of acceleration
@@ -469,4 +469,4 @@
return Starfield;
});
/*! update cache: 20260329053055 */
/*! update cache: 20260329054750 */
+1 -1
View File
@@ -768,4 +768,4 @@ html:has(body[data-md-color-scheme="default"]) {
.md-typeset a:not(.md-button):focus-visible {
text-decoration: underline;
}
/*! update cache: 20260329053055 */
/*! update cache: 20260329054750 */