基本的な操作
まずは、下記動画を一度みて、基本的な操作方法を把握してください。
ショートカット一覧
以下のショートカットは最低限使えるようになってください。特にMacの人はカーソル移動でCtrlキーを利用したショートカットが今後とっても役に立つのでまだこのショートカットを未習得のかたは必ずこのタイミングで体になじませていきましょう。
Windows | macOS | 概要 |
---|---|---|
Ctrl+Enter | ⌘+Enter | スケッチを実行する |
Ctrl+S | ⌘+S | 保存する |
Shift+Tab | Shift+Tab | 自動整形(オートインデント) |
Ctrl+/ | ⌘+/ | コメントイン / アウト |
– | Ctrl+a | カーソルを行頭に移動 |
– | Ctrl+e | カーソルを行末に移動 |
– | Ctrl+n | カーソルを一行下へ移動 |
– | Crtl+p | カーソルを一行上へ移動 |
– | Ctrl+f | カーソルを右方向にすすめる |
– | Ctrl+b | カーソルを左方向にすすめる |
– | Ctrl+d | Delete |
– | Ctrl+h | Backspace |
コメント
プログラミングでコメントとは、プログラムの記述の説明のことです。下記動画で確認してみましょう。
コメントアウト:プログラム実行内で無視してほしい箇所を指定すること コメントイン:予めコメントアウトしていたコメントをプログラム内に戻すこと
Debug
ブラウザ動作の為、基本的にはjavascripにおけるデバッグ方法に準拠することになります。ちゃんとdebugする場合は、 ChromeではDevToolsが用意されているのでこちらを使ってください。使い方は以下のリンクを参照のこと
- p5.js公式のデバッグに関するページ:https://p5js.org/learn/debugging.html
この授業では基本的には print や console.log といった文字列を出力する関数を利用して適時簡単なデバッグしていく方法で進めていきます。以下の動画で確認してください。