Repolode
投稿する
Chalarangelo

Chalarangelo/30-seconds-of-code

日常的なプログラミングのパターンを30秒以内で学べる、短く独立したJavaScriptの記事とコードスニペット集です。

GitHub で見る公式サイト
スター
129,266
フォーク
12,487
未解決の Issue
2
最終コミット
16 時間前

これは何？

30 seconds of codeは、ひとつのコードスニペットやテクニックを取り上げ、短時間で読んで理解できる記事を集めたプロジェクトです。JavaScriptのほか、CSS、HTML、Git、Node.jsなどの関連するWeb技術を扱っており、トピックやコレクションごとに整理されているため、目的に合った内容を見つけられます。

Webサイトの各記事には、コードスニペットとその仕組みの解説、使用例が掲載されています。名前、タグ、言語、説明で検索できるほか、すべての記事やテーマ別のコレクションを閲覧できます。プロジェクトはWebサイトとして公開されており、リポジトリはコンテンツとサイトのソースになっています。

コードスニペットにはCC-BY-4.0ライセンスが適用されます。一方、文章、画像、ブランド要素などのその他の素材は、所有者の同意なしに再利用できるライセンスが付与されていません。現在、リポジトリでは新しいコンテンツの投稿を受け付けていませんが、問題の報告や提案は歓迎されています。

主な機能

  • 01各記事がひとつのスニペットまたはテクニックを取り上げる、短い記事
  • 02JavaScript、CSS、HTML、Git、Node.jsに関するトピックを掲載
  • 03名前、タグ、言語、説明で検索
  • 04トピック別のコレクションを閲覧
  • 05各記事にコード、解説、使用例を掲載

ユースケース

  • よく使われるJavaScriptのパターンを手早く学ぶ
  • プロジェクトで再利用できる小さなユーティリティのスニペットを探す
  • 最新のES6+機能やWebの基礎をおさらいする

使う前に知っておきたいこと

  • CC-BY-4.0のライセンスが適用されるのはコードスニペットのみです。テキスト、画像、ウェブサイトのソースコード、ロゴを再利用するには、権利者の許可が必要です。
  • 現在、新しいコンテンツの投稿は受け付けていません。

トピック

#javascript#learning-resources#snippets#css#nodejs#education#astro#awesome-list#es6-javascript#git

よくある質問

30-seconds-of-code とは？
日常的なプログラミングのパターンを30秒以内で学べる、短く独立したJavaScriptの記事とコードスニペット集です。 30 seconds of codeは、ひとつのコードスニペットやテクニックを取り上げ、短時間で読んで理解できる記事を集めたプロジェクトです。JavaScriptのほか、CSS、HTML、Git、Node.jsなどの関連するWeb技術を扱っており、トピックやコレクションごとに整理されているため、目的に合った内容を見つけられます。
30-seconds-of-code は無料で使えますか？ライセンスは？
30-seconds-of-code は CC-BY-4.0 ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
30-seconds-of-code は今もメンテナンスされていますか？
活発にメンテナンス中。30-seconds-of-code の最終コミットは 2026年10月20日 です。
30-seconds-of-code は何に使えますか？
よく使われるJavaScriptのパターンを手早く学ぶ プロジェクトで再利用できる小さなユーティリティのスニペットを探す 最新のES6+機能やWebの基礎をおさらいする
30-seconds-of-code はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/Chalarangelo/30-seconds-of-code

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト