Anysome

ジャンルを問わないAwesomeリスト。

Why Anysome?

Awesomeリストを知っていますか？カテゴリー別でAwesomeなアプリやツールをリスト化しているリポジトリで、 Awesomeは「素晴らしい」「最高」という意味を持っています。

しかし、Awesomeは単純であるが故にいくつかの問題があります。

Anysomeはこれらの問題を解決するために作られました。

Anysomeには大量のライブラリやツールを使用しています。全てを導入する必要はありませんし、ほとんどはパッケージのインストールと共に導入できます。 VSCodeを使っていれば、拡張機能を自動でインストールできます。

Node.js
JavaScriptの実行環境。npmやyarn、pnpmを使用するなら必須。
TypeScript
JavaScriptの上位互換であり、型を持つ。
pnpm
ストレージにやさしく、高速で、npmやyarnよりも厳格なパッケージマネージャー。 bunの方が高速だが、一部の開発支援ツールはbunに対応していない。
Astro
Astro (VSCode)
Astro (Open VSX)
SSGで右に出る者無し。特定のUIフレームワークに縛られる必要もない。裏でViteを使用していて、Viteの機能を利用できる。
Svelte
Svelte (VSCode)
Svelte (Open VSX)
バンドルサイズが3KB以下。構文はReactよりシンプルでAstroの構文と近い。
MDX
MDX (VSCode)
MDX (Open VSX)
Markdown内でJSXのようなコンポーネントを使える言語。タグ内でもMarkdownの構文は使える。
UnoCSS
UnoCSS (VSCode)
UnoCSS (Open VSX)
TailwindCSSとある程度互換性があって、リセットCSSが強制的につかない。
SASS
SASS (VSCode)
SASS (Open VSX)
セミコロンや波括弧を省略する構文が特徴的で楽。
Stylus
Stylus (VSCode)
SASSの基本的な構文と互換性があり、様々な書き方ができる自由な構文を持つ。

VSCode
VSCodium
オープンソースでクロスプラットフォーム対応のIDE。Astroが推奨している。 StackBlitzやProject IDXと互換性がある。
EditorConfig
EditorConfig (VSCode)
EditorConfig (Open VSX)
書式の設定などの共通化を行う。対応しているエディターが多い。
Prettier
Prettier (VSCode)
Prettier (Open VSX)
フロントエンドの言語に多く対応しているフォーマッタ。 AstroやSvelte、Stylusにも対応している。
Biome
Biome (VSCode)
Biome (Open VSX)
TypeScriptやTSXに対応しているフォーマッタ。Rustで書かれていて高速。 Linterとしても機能する。
ESLint
typescript-eslint
ESLint (VSCode)
ESLint (Open VSX)
TypeScript用のLinter。AstroやSvelteに対応させることができる。
Stylelint
Stylelint (VSCode)
Stylelint (Open VSX)
CSS用のLinter。SASSやStylusに対応させることができる。
markdownlint (VSCode)
markdownlint (Open VSX)
markdownlintそのものの拡張機能。markdownlintはNode.jsにインストールされることなく、VSCode上でのみ動く。
Vitest
TypeScriptに対応した単体テストツール。Viteと相性が良さそう。
Playwright
ブラウザ対応チェックに使えるE2Eテスト用のツール。Cypressより速い。
Lefthook
Gitコマンドの実行時にCIを挟んで事前にチェックを行えるツール。 Huskyとlint-stagedを網羅していて、なおかつ速い。