Q&A
コードはマークダウンのcode機能を利用してご提示ください。
※投稿前にプレビューで確認してくださいね
前提・実現したいこと
プログラミング初心者です。
Bracketsを使って、ＨＴＭＬの中でjavascriptのコードを書こうとしていますが、キャンバスを作成することや円を描くことからできなくて困っています。
Bracketsに以下のコードを入力してプレビューボタンを押しても真っ白な画面がでてきてしまいます。
解決するにはどうすればいいか教えていただきたいです。
もともとは「テクノロジア魔法学校」というプログラミング教材で練習したものを、Bracketsで実践練習しようとしています。
発生している問題・エラーメッセージ
ｷｬﾝﾊﾞｽや、円を表示することができない。
該当のソースコード
<!DOCTYPE html> <html></html><head> <title></title> </head> <body> <script> function setup() { createCanvas(600, 600); background(255); } function draw() { fill(0, 255, 0, 0); noStroke(); ellipse(40, 40, 40); } </script> </body>
試したこと
何日かネットで調べていますがよくわかりませんでした。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
テクノロジア魔法学校では、記載のコードで実行できた、ということでよろしいですか？
m.ts10806様
ご指摘ありがとうございます。やり方を調べてみます。
もしそれでも私がわからなかった場合は、ご容赦いただけるとありがたいです。
miyabi_takatsuk様
ご質問ありがとうございます。一部私のほうでコードは変えています。
おそらくですが、テクノロジア魔法学校は、初心者の最初の心理的なハードルを越えさせるために、一部コードを抜き出して、初めはそれだけ書いても実行できるように配慮をしてくれているのだと思います。
https://teratail.com/help#about-markdown
https://teratail.com/help/question-tips#questionTips3-7
投稿ページの左下にもあります。
質問は編集できます。
コードのマークダウンだけ今やっときませんか
回答4件
0
ベストアンサー
html内のjavascriptが表示されない理由について
JavaScriptを実行するための 厳密な HTML + JavaScript の書き方ができていないためです。
ご質問で挙げられたプログラミング教材は、ITに馴染みのない家庭で親子揃って「プログラミングに関心を示してもらう」ことを目的とした製品に思います。
そのため、厳密なJavaScriptの実行方法 は教えず、関数を並べるだけで実装できる 独自の仕組みで作られた教材 なのだと思います（たとえば、noStroke()という関数はJavaScriptの標準実装ではありません）。
解決するにはどうすればいいか教えていただきたい
まずは、とほほのWWW入門 のプログラミング言語セクションJavaScript の基本編までを参考にするのもいいかもしれません。このサイトでは、HTMLファイルに外部のJavaScriptを読む方法など、上記教材では触れなかった（であろう）細かな基礎的内容を説明されています。
※最終的には MDN の リファレンスとガイド メニューから詳細を学びなおすことになると思います。
「本格的なJavaScriptプログラミングの世界にようこそ。」ということで、更に細かな知識を身に着けてください。
投稿2020/01/21 04:39
総合スコア5432
じゅうよんまん…
高すぎる…
ですよね。なので、文章は気を使いました。
「やる気を削ぐとまずい…」と。
ネットで調べても解決法はないわけですよね。
そう思います。
とりあえず、基礎固めすることを回答してみました。
いえむしろ一回忘れてもいいかもしれないレベルですね。これで簡単にできると思ってしまうと身に付かない。
同感です
ご回答ありがとうございます。うまくレベルアップできるように学習を続けようと思います。
0
setup() や draw() を誰も呼び出してませんよ。
ページがロードされたときとか、ボタンが押されたときなど、何らかのイベント発生で呼び出すようにする必要があります。
投稿2020/01/21 04:20
総合スコア5406
0
テクノロジア魔法学校で学んだことを生かし、自分の作品を作りたいのですが、 環境設定方法がわかりません。どうしたらいいですか？
テクノロジア魔法学校でやっている事(コード)は、授業が簡単にできるようにテクノロジア魔法学校の画面だけで使えるようです(現実的に使うには他にもやることがある)
応用編（1～4）を受けてから再度チャレンジするといいです。
投稿2020/01/21 19:55
編集2020/01/21 21:57
総合スコア2826
＞レッスンで作成した作品を、個人のウェブサイトで公開しても大丈夫ですか？
に対しての回答が全てを物語ってる気がしますね。
ご回答ありがとうございます。環境設定のやりかたを学べる「ミーミルの課外授業」は、私はすでに学んでおり、その分の設定自体はうまくできていたようです。残りの応用編についても早く受けてみようと思います。ご指摘ありがとうございました。
あなたの回答
tips
プレビュー
