差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン最新のリビジョン両方とも次のリビジョン | ||
lecture:design_with_prototyping:p5.js編:02.基本的な操作 [2021/02/27 18:26] – baba | lecture:design_with_prototyping:p5.js編:02.基本的な操作 [2021/02/27 18:41] – baba | ||
---|---|---|---|
行 6: | 行 6: | ||
===== ショートカット一覧 ===== | ===== ショートカット一覧 ===== | ||
+ | 以下のショートカットは最低限使えるようになってください。特にMacの人はカーソル移動でCtrlキーを利用したショートカットが今後とっても役に立つのでまだこのショートカットを未習得のかたは必ずこのタイミングで体になじませていきましょう。 | ||
+ | |||
^ Windows | ^ Windows | ||
| Ctrl+Enter | | Ctrl+Enter | ||
行 19: | 行 21: | ||
| -- | Ctrl+d | | -- | Ctrl+d | ||
| -- | Ctrl+h | | -- | Ctrl+h | ||
+ | |||
+ | ===== コメント ===== | ||
+ | プログラミングでコメントとは、プログラムの記述の説明のことです。下記動画で確認してみましょう。 | ||
+ | |||
+ | コメントアウト:プログラム実行内で無視してほしい箇所を指定すること | ||
+ | コメントイン:予めコメントアウトしていたコメントをプログラム内に戻すこと | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | </ | ||
+ | |||
+ | ===== Debug ===== | ||
+ | ブラウザ動作の為、基本的にはjavascripにおけるデバッグ方法に準拠することになります。ちゃんとdebugする場合は、 | ||
+ | ChromeではDevToolsが用意されているのでこちらを使ってください。使い方は以下のリンクを参照のこと | ||
+ | * https:// | ||
+ | * p5.js公式のデバッグに関するページ:https:// | ||
+ | |||
+ | この授業では基本的には print や console.log といった文字列を出力する関数を利用して適時簡単なデバッグしていく方法で進めていきます。以下の動画で確認してください。 | ||
+ | |||
+ | < | ||
+ | <div style=" | ||
+ | </ | ||