-
Notifications
You must be signed in to change notification settings - Fork 17
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* OSSに関する案内をソングページに追加 * 不要なimportを削除 * 微調整 * Apply suggestions from code review --------- Co-authored-by: Hiroshiba <[email protected]>
- Loading branch information
Showing
5 changed files
with
85 additions
and
69 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
import { faGithub } from "@fortawesome/free-brands-svg-icons" | ||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome" | ||
import { Link } from "gatsby" | ||
import React from "react" | ||
|
||
export const OssGuidanceSection: React.FC<{ | ||
className?: string | ||
isDark: boolean // Nemoやソングのページかどうか | ||
}> = ({ className, isDark }) => { | ||
return ( | ||
<section className="section"> | ||
<div | ||
className={`${className} container is-max-desktop is-flex is-flex-direction-column`} | ||
> | ||
<h2 id="oss" className="jump-anchor-header-padding title"> | ||
<Link | ||
to={`#oss`} | ||
className={!isDark ? "has-text-black" : "has-text-white"} | ||
> | ||
オープンソース | ||
</Link> | ||
</h2> | ||
<p className="is-size-5"> | ||
VOICEVOX は OSS(オープンソース・ソフトウェア)版 VOICEVOX | ||
をもとに構築されています。 | ||
</p> | ||
<p className="is-size-5"> | ||
製品版と OSS 版の違いやモジュール構成は | ||
<a | ||
href="https://github.com/VOICEVOX/voicevox/blob/main/docs/%E5%85%A8%E4%BD%93%E6%A7%8B%E6%88%90.md" | ||
target="_blank" | ||
rel="noreferrer" | ||
className="has-text-weight-bold is-underlined" | ||
> | ||
VOICEVOX の全体構成 | ||
</a> | ||
をご参照ください。 | ||
</p> | ||
<p className="is-size-5"> | ||
ソフトウェア部分は Electron + Vue 、音声合成エンジン部分は Python + | ||
FastAPI です。 | ||
</p> | ||
<p className="is-size-5"> | ||
追加したい・改善したい機能があれば、ぜひ開発にご参加ください。 | ||
</p> | ||
<div className="buttons mt-3"> | ||
<a | ||
className={`button ${!isDark ? "is-outlined" : "is-dark"}`} | ||
href="https://github.com/VOICEVOX/voicevox" | ||
target="_blank" | ||
rel="noreferrer" | ||
type="button" | ||
role={"button"} | ||
> | ||
<span className="icon"> | ||
<FontAwesomeIcon icon={faGithub} /> | ||
</span> | ||
<span>VOICEVOX エディター</span> | ||
</a> | ||
<a | ||
className={`button ${!isDark ? "is-outlined" : "is-dark"}`} | ||
href="https://github.com/VOICEVOX/voicevox_engine" | ||
target="_blank" | ||
rel="noreferrer" | ||
type="button" | ||
role={"button"} | ||
> | ||
<span className="icon"> | ||
<FontAwesomeIcon icon={faGithub} /> | ||
</span> | ||
<span>VOICEVOX エンジン</span> | ||
</a> | ||
</div> | ||
</div> | ||
</section> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters