lecture:design_with_prototyping:p5.js編:02.基本的な操作

基本的な操作

まずは、下記動画を一度みて、基本的な操作方法を把握してください。

以下のショートカットは最低限使えるようになってください。特に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

プログラミングでコメントとは、プログラムの記述の説明のことです。下記動画で確認してみましょう。

コメントアウト:プログラム実行内で無視してほしい箇所を指定すること コメントイン:予めコメントアウトしていたコメントをプログラム内に戻すこと

ブラウザ動作の為、基本的にはjavascripにおけるデバッグ方法に準拠することになります。ちゃんとdebugする場合は、 ChromeではDevToolsが用意されているのでこちらを使ってください。使い方は以下のリンクを参照のこと

この授業では基本的には print や console.log といった文字列を出力する関数を利用して適時簡単なデバッグしていく方法で進めていきます。以下の動画で確認してください。

  • /home/users/2/lolipop.jp-4404d470cd64c603/web/ws/data/pages/lecture/design_with_prototyping/p5.js編/02.基本的な操作.txt
  • 最終更新: 2023/06/06 10:46
  • by baba