🚀Web 開発者向け GitHub の 10 のトレンド プロジェクト - 2021 年 8 月 20 日


Trending Projects は毎週のニュースレターとして入手できます.Stargazing.dev にサインアップして、問題を見逃さないようにしてください.

1.四季



美しいシンタックス ハイライター.


シキズ / 式


美しいシンタックス ハイライター。






子規



Shiki は美しい Syntax Highlighter です. Demo

使用法


npm i shiki
# yarn add shiki
const shiki = require('shiki')

shiki
  .getHighlighter({
    theme: 'nord'
  })
  .then(highlighter => {
    console.log(highlighter.codeToHtml(`console.log('shiki');`, 'js'))
  })

// <pre class="shiki" style="background-color: #2e3440"><code>
//   <!-- Highlighted Code -->
// </code></pre>
<script src='https://unpkg.com/shiki'></script>
<script>
shiki
  .getHighlighter({
    theme: 'nord'
  })
  .then(highlighter => {
    const code = highlighter.codeToHtml(`console.log('shiki');`, 'js')
    document.getElementById('output').innerHTML = code
  })
</script>

Clone shikijs/shiki-starter to play with Shiki, or try it out on Repl.it.

見た


2.素晴らしいガイドライン

A curated list of high quality coding style conventions and standards.

クリスティーズ / 素晴らしいガイドライン

高品質のコーディング スタイルの規則と標準の精選されたリスト。

素晴らしいガイドライン

A set of guidelines for a specific programming language that recommend programming style, practices, and methods for each aspect of a program written in that language.

Contributions welcome. Please read the contribution guidelines before contributing. Add links through pull requests or create an issue to start a discussion.

Make a small donation to help us fight Covid19

Visit kitabisa.com and dompetdhuafa.org Your small help goes a long way. ❤️

コンテンツ

プログラミング言語

ブレインファック

C

C#

C++

クロージャ


3.ばかげたSQL

Implements a backend for sql.js (sqlite3 compiled for the web) that treats IndexedDB like a disk and stores data in blocks there. That means your sqlite3 database is persisted. And not in the terrible way of reading and writing the whole image at once -- it reads and writes your db in small chunks.

jlong​​ster / 不条理なSQL

ur indexeddb の sqlite3 (願わくば、すぐにより良いバックエンド)

This is an absurd project.

It implements a backend for sql.js (sqlite3 compiled for the web) that treats IndexedDB like a disk and stores data in blocks there. That means your sqlite3 database is persisted. And not in the terrible way of reading and writing the whole image at once -- it reads and writes your db in small chunks.

It basically stores a whole database into another database. Which is absurd.

See the demo. You can also view an entire app using this here.

You should also read this blog post which explains the project in great detail.

If you like my work, feel free to buy me a coffee!

どうやって使うの?

You can check out the example project to get started. Or follow the steps below:

First you install the packages:

yarn add @jlongster/sql.js absurd-sql.js-backend
今、あなたは私のフォークを使う必要があります…

View on GitHub



4.ハイパーフォーミュラ



TypeScript で記述された、完全なオープンソースの Excel に似た計算エンジン. 380 以上の組み込み関数が含まれています.


ハンズオンテーブル / ハイパーフォーミュラ


TypeScript で記述された、完全なオープンソースの Excel に似た計算エンジン。 380 以上の組み込み関数が含まれています。 Handsontable チームによってメンテナンスされています⚡






HyperFormula は、オープン ソースのスプレッドシートのような計算エンジンです⚡








説明


HyperFormula を使用すると、スプレッドシートのような計算を
ウェブ アプリケーション. TypeScriptで書かれており、主要なすべてをサポートしています
JavaScript フレームワーク.ブラウザで、またはサービスとして使用できます
バックエンド テクノロジーとしての Node.js.
エンジンには、組み込みのローカライズされた
library of functions
さまざまなカテゴリに分類され、ユーザーがトリガーするほとんどのアクションをカバーします
CRUD operations など
undo/redo
と clipboard operations
また、クロスシート参照の使用もサポートしています.
named expressions 、
違う data types 、
および custom functions .

ドキュメンテーション



  • /
    Blog post
  • デモ
  • JavaScript
  • React
  • Vue
  • Angular

  • Installation
  • Basic usage
  • API Reference
  • Configuration options
  • List of built-in functions
  • Key concepts
  • Contact

  • 入門


    npm からライブラリをインストールします.
    npm install hyperformula

    Once properly installed, you can use it like this:

    import { HyperFormula } from 'hyperformula';
    …

    5.デスクトップに反応する

    React UI Components for macOS High Sierra and Windows 10

    ガブリエルブル / 反応デスクトップ

    macOS High Sierra および Windows 10 用の React UI コンポーネント

    React UI Components for macOS High Sierra and Windows 10.

    npm install react-desktop --save

    従業員求む!

    I am looking for developers to help me develop this project. Please submit some ideas in the issues section or some PRs to get this project going. If you are interested, you can become a collaborator on the project. Thanks.

    貢献する

    This library has been created to bring a native desktop experience to the web. It works extremely well with tools such as node-webkit or Electron.js!

    Everyone is welcome to contribute and add more components/documentation whilst following the contributing guidelines.

    ドキュメンテーション

    Guides on installation, components and advanced usage are found in the documentation.





    6. Changelog Builder アクションのリリース

    A GitHub action that builds your release notes / changelog fast, easy and exactly the way you want.

    マイクペンツ / release-changelog-builder-action

    リリース ノート/変更ログをすばやく簡単に、思い通りに作成する GitHub アクション。

    📄🔖📦

    release-changelog-builder-action

    ... a GitHub action that builds your release notes / changelog fast, easy and exactly the way you want


    What's included 🚀 • Setup 🛠️ • Sample 🖥️ • Customization 🖍️ • Contribute 🧬 • License 📓


    含まれるもの🚀

    • Super simple integration
      • ...even on huge repositories with hundreds of tags
    • Parallel releases support
    • Rich changelogs based on PRs
      • Alternative commit based mode
    • Blazingly fast execution
    • Supports any git project
    • Highly flexible configuration
    • Lightweight
    • Supports any branch
    • Rich build log output


    設定

    ワークフローを構成する

    Specify the action as part of your GitHub actions workflow:

    - name: "Build Changelog"
      id: build_changelog
      uses: mikepenz/[email protected]{latest-release}
      env:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

    アクション出力

    After action execution it will return the changelog and additional information as step output. You can use it in any follow-up step by referencing the output by referencing it…


    7.ピーキー

    A testing framework for curious minds

    アクリュム / ピーキー

    好奇心旺盛な人のためのテスト フレームワーク 🐈️





    8. Web コンポーネントの例

    A series of web components examples, related to the MDN web components documentation

    mdn / Web コンポーネントの例

    https://developer.mozilla.org/en-US/docs/Web/Web_Components にある MDN Web コンポーネントのドキュメントに関連する一連の Web コンポーネントの例。

    Web コンポーネントの例

    A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

    The following examples are available:


    9.ハッカソンスターター

    A boilerplate for Node.js web applications

    サハット / ハッカソンスターター

    Node.js Web アプリケーションのボイラープレート

    ハッカソン スターター

    Live Demo: https://hackathon-starter.walcony.com

    Jump to What's new?

    A boilerplate for Node.js web applications.

    If you have attended any hackathons in the past, then you know how much time it takes to get a project started: decide on what to build, pick a programming language, pick a web framework pick a CSS framework. A while later, you might have an initial project up on GitHub and only then can other team members start contributing. Or how about doing something as simple as Sign in with Facebook authentication? You can spend hours on it if you are not familiar with how OAuth 2.0 works.

    When I started this project, my primary focus was on simplicity and ease of use I also tried to make it as generic and reusable as possible to cover most use cases of hackathon web apps without being too specific. In the worst case,…


    10.Math.js

    An extensive math library for JavaScript and Node.js

    ジョスデジョン / 数学

    JavaScript および Node.js 用の広範な数学ライブラリ

    https://mathjs.org

    Math.js is an extensive math library for JavaScript and Node.js. It features a flexible expression parser with support for symbolic computation, comes with a large set of built-in functions and constants, and offers an integrated solution to work with different data types like numbers, big numbers, complex numbers, fractions, units, and matrices. Powerful and easy to use.

    特徴

    • Supports numbers, big numbers, complex numbers, fractions, units, strings, arrays, and matrices.
    • Is compatible with JavaScript's built-in Math library.
    • Contains a flexible expression parser.
    • Does symbolic computation.
    • Comes with a large set of built-in functions and constants.
    • Can be used as a command line application as well.
    • Runs on any JavaScript engine.
    • Is easily extensible.
    • Open source.

    使用法

    Math.js can be used in both node.js and in the browser.

    Install math.js using npm:

    npm install mathjs
    
    または、ダウンロード ページにリストされている CDN のいずれかを介して mathjs をダウンロードします.
    https://mathjs.org/download.html
    …

    View on GitHub



    星空観察 📈



    過去 7 日間のトップライザー 🔗



  • Public APIs +2,635 スター

  • Tauri +1,518 スター

  • Build your own X +1,203 スター

  • Bulletproof React +984 個の星

  • JavaScript Algorithms +892 スター

  • 過去 7 日間のトップ成長率(%) 🔗



  • giscus +54%

  • Bulletproof React +31%

  • Growth Book +22%

  • xicons +18%

  • Milkdown +17%

  • 過去 30 日間のトップライザー 🔗



  • Public APIs +9,058 スター

  • Coding Interview University +5,249 スター

  • Machine Learning for Beginners +3,733 スター

  • Bulletproof React +3,305 スター

  • NocoDB +2,904 スター

  • 過去 30 日間のトップ成長率(%) 🔗



  • Bulletproof React +408%

  • html-to-image +95%

  • useCookieConsent +89%

  • DaisyUI +75%

  • Mitosis +66%

  • 最新のランキングについては、Stargazing.dev をチェックしてください.


    Trending Projects は毎週のニュースレターとして入手できます.Stargazing.dev にサインアップして、問題を見逃さないようにしてください.

    この記事を気に入っていただけたなら、私が HTML、CSS、JavaScript について定期的に投稿している Twitter にアクセスしてください.