Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Wishlist for HTML/JS improvement

オープン
#276 コメント 3 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
35/100
issue の種類
リファクタリング
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
html, javascript
領域
frontend

調査の方向性

まず、検索ボックスを生成し、クエリ駆動のページを処理する HTML と JavaScript を特定します。残っている未チェックの項目をすべて確認し、特に非標準属性、等価性チェック、innerHTML の使用、非推奨タグを確認したうえで、影響を受けるページが報告された安全でないパターンや非推奨パターンなしでも動作を維持することを検証します。

索引モデルが issue の本文から書いたものです。

説明

  • Use type="search" for the search box, which is semantically more correct and give us the "clear" button automatically in many browsers
  • Refactor the use of keyCode, which is deprecated.
  • Refactor the use of non-standard HTML attributes. This might not be always possible because some non-standard attributes are documented publicly (e.g., x-source-module).
  • Instead of parsing the query string ourselves, use new URL(location.href).searchParams.get(...).
  • == / != is evil. Use === / !== everywhere.
  • Avoid unsafe innerHTML set. E.g., https://docs.racket-lang.org/reference/index.html?ctxtname=%3Cdiv%20style=%22color:%20red%22%3Efoo%3C/div%3E
  • Replace deprecated tags with appropriate tags where applicable
主要言語
Racket
スター
251
フォーク
101
平均マージ
11日 9時間
マージ済み PR(30日)
2

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

racket/scribble のほかの issue

racket/scribble の issue をすべて見る

似ている issue

Web Dev の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。