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

Fix: example.js stores defaultHTML function reference instead of calling it, causing examples to display raw JavaScript source in preview

オープン 初心者向け
#4,344 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

@syedbarkath980 がすでに取り組んでいます。

2026年10月4日 から。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
76/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
活発
技術スタック
javascript
領域
frontend

調査の方向性

example.js から始め、例が取得されてプレビューパネルに表示される際に defaultHTML 関数がどのように使われているかを追跡します。npm run fetch-examples と npm start で問題を再現し、例を開くと JavaScript のソースではなく HTML ページがレンダリングされ、p5.js のスケッチが実行されることを確認します。

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

説明

Awaiting Maintainer Approval Bug
p5.js version

v18.20.8

What is your operating system?

Windows

Web browser and version

Brave1.96.61 Chromium: 154.0.8037.98 (Official Build) (64-bit)

Actual Behavior

Bug Description

When running npm run fetch-examples locally, opening any example sketch
shows raw JavaScript function source code in the preview panel instead of
rendering a proper HTML page.

The preview panel displays raw JavaScript function source code:

Image
Expected Behavior

The preview panel renders a proper HTML page that runs the p5.js sketch.

Image
Steps to Reproduce:
  1. Clone the repository and complete manual installation
  2. Run npm run fetch-examples
  3. Start the server with npm start
  4. Open any example sketch from File → Examples
  5. Observe the preview panel

https://github.com/user-attachments/assets/26ab75c4-21c7-4937-8e80-c75395302137

主要言語
JavaScript
スター
1.7k
フォーク
1.7k
平均マージ
3日 18時間
マージ済み PR(30日)
7

環境構築

はじめの一歩

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

processing/p5.js-web-editor のほかの issue

processing/p5.js-web-editor の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

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

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