이것은 GitHub Awesome 저장소의 README에 포함된 각 GitHub 저장소의 URL에 별표 수를 표시하는 데 필요한 최소한의 웹 응용 프로그램입니다.(참고: GitHub Token을 사용하지 않으면 GitHub API의 제한으로 인해 약 50~60개의 GitHub 저장소에만 별표가 표시됩니다.
여러분의 GitHub Awesome 저장소가 조금이라도 편했으면 좋겠어요.

배경

GitHub에는 많은 프로그래밍 언어의 추천이나 인기 라이브러리, 프레임워크, URL 등이 있습니다Awesomeレポジトリ.Awesome 저장소를 활용하면 프레임워크와 라이브러리 후보 선별 작업 등을 대폭 줄일 수 있다.
그러나 Awesome 저장소는 각 분야의 라이브러리와 프레임워크를 총괄하기 때문에 Awesome 저장소에 따라 프로젝트 수가 수백에서 수천에 이를 수 있다.따라서 하나하나의 페이지를 열어 스타 수를 확인하고 우선순위를 정하는 작업도 상당히 어렵다.이러한 고민을 해결하기 위해 각 Github 저장소의 URL에 스타 수를 표시하기 위한 최소한의 웹 응용 프로그램을 설치하여 어디서나 사용할 수 있도록 Firebase에 설정합니다.
NOTE:
처음에 React를 시도할 때 각종 React 구성 요소와 TypeScript를 시도하기 위해 만들어진 것이기 때문에 코드와 디자인은 거의 아무것도 고려하지 않는다.특히 스마트폰에서는 사용하기 어렵지만 사용할 수 있다.

웹 응용 프로그램 URL

다음 URL을 통해 액세스할 수 있습니다.

사용 방법

화면 상단의 입력란에 필요한 정보를 입력하고 GET 단추를 누르십시오.

URL 모음에 Awesome Github 스토리지 URL 입력

Token 표시줄에 Github 계정의 Github 영패를 입력합니다.

Github 토큰이 없는 상태에서

영패가 없는 상황에서 Github API의 제한으로 인해 50개의 Github 저장소의 Github 저장소의 별 모양 수만 얻을 수 있다.자세한 내용은 주의 사항 1절을 참조하십시오.

일회용 Github 영패

권장

Top List Number 막대에 표시된 Top N의 숫자를 입력합니다.

결과가 나온 후에 입력해서 Top N 값을 변경할 수도 있습니다

.
Awesome 페이지에 포함된 각 Github URL 정보를 보려면 Github API를 클릭합니다.모든 검색이 완료되면 결과는 다음과 같습니다.(테이블과 막대 그림은 구성 요소의 사용 편의성을 읽는 데만 사용됩니다)

Top N 테이블

Top N 막대 그래프

별 문자와 별 수가 포함된 Awesome 페이지

링크 목적지가 Github 저장소 URL이 아닌 경우에는 별표 수가 표시되지 않습니다

Github API의 실행 횟수가 오류 등을 초과한 경우 별표에서 -1을 표시합니다.

주의사항 & Github 영패 설정 방법

기본적으로 클라이언트의 브라우저 측면에서'Github API를 통해 각 Github 저장소 정보를 얻기'를 실현했다.Github 토큰이 없는 경우1時間あたり50回 API 호출만 가능하기 때문에 Github 저장소의 URL이 많은 Awesome 저장소는 50건도 안 되는 스타 수만 얻을 수 있고 사용할 수 없습니다.
NOTE:
Github API의 호출 상한선을 초과하면 Rate Limit은 Github API의 응답 결과를 403 Forbidden으로 만듭니다.
따라서 Github 저장소의 URL이 많은 Awesome 저장소의 경우 Github 영패를 거의 입력해야 합니다.Github 토큰을 사용하는 경우 1時間あたり5000回 API 호출을 수행할 수 있습니다.
GitHub "인원 access tokens" 설정 방법
나는 어떤 사람들이 Github 영패를 입력하는 것에 대해 저촉감을 가지고 있다고 생각한다.따라서 일회용 Github 토큰을 만들고 사용하는 것이 좋습니다.

소스 코드 배치

소스 코드는 아래 URL에 구성됩니다.개조, 유용, 재배포 등은 자유롭게 진행할 수 있다.Github 저장소는 임시 작업에만 사용되지만 최대한 삭제하지 마십시오.