• 書籍一覧に戻る
• ＜
TOPに戻る

p5.jsプログラミングガイド

• 著者　松田 晃一、由谷 哲夫、椎野 綾菜
• 判型　B5変型、488頁
• 本体価格 3,800円
• ISBN　978-4-87783-381-7

本書について

本書は、p5.jsをベースにしたプログラミングの入門書です。プログラミングの基礎からp5.jsを使ってできること（図形描画、画像・動画処理、2Dゲーム、音声認識、Arduinoの制御など）を一通り解説します。

p5.jsは、「スケッチブックに絵を描くようにプログラムを作成できるようにする」ことを目指して開発され、デザイナ、アーティストなど普段プログラミングに慣れていない人たちが使えるように設計されたシステムです。そのため初学者でも扱いやすいものになっており、学校などでのプログラミングの教育にも使われています。p5.jsで作成したプログラムはそのままWebページとして使用することができ、インターネットで公開することができます。

このようなp5.jsは、技術的にいうと、ブラウザ上のプログラミング環境であるHTML5とJavaScriptを内包した新しいプログラミング環境を提供するものです。p5.jsを用いることで、これまでのHTML5とJavaScriptとは異なる新しい方法でブラウザ上にアプリケーションを構築することができます。これまでのブラウザごとに微妙な方言の違いのあるHTML5とJavaScriptでのプログラミングにちょっと食傷ぎみの方には朗報でしょう。p5.jsがこのような方言を隠してくれ、すべてのブラウザで共通のライブラリを提供してくれるからです。また、ダウンロードしてすぐに使えるp5.js用のエディタも提供されています。

目　次

• 第1章　p5.jsって何？
  • 1.1　p5.jsとProcessing
  • 1.2　p5.jsの提供する機能
  • 1.3　サンプルプログラムを実行する
  • 1.4　プログラムの開発方法
  • 1.5　p5.jsエディタを用いる
  • 1.6　p5.jsエディタ以外で開発する
  • 1.7　本書のサンプルプログラムの実行方法
  • 1.8　Processingをp5.jsに書き換える
  • 1.9　本書を読む上での注意
  • 1.10　まとめ
• 第2章　p5.jsとJavaScript入門
  • 2.1　「hello」と表示するプログラムの作成と実行
  • 2.2　プログラムの書き方
  • 2.3　プログラムの処理の流れ
  • 2.4　p5.jsで扱えるデータ
  • 2.5　変数
  • 2.6　コメント（注釈）
  • 2.7　演算子
  • 2.8　条件分岐
  • 2.9　比較、論理演算子
  • 2.10　繰り返し
  • 2.11　関数
  • 2.12　グローバル変数とローカル変数
  • 2.13　配列
  • 2.14　システム関数とシステム変数
  • 2.15　間違いの見つけ方
  • 2.16　p5.jsで注意する点
  • 2.17　まとめ
• 第3章　2次元グラフィックス
  • 3.1　座標系
  • 3.2　描画領域
  • 3.3　図形を描画する
  • 3.4　描画属性
  • 3.5　文字を描画する
  • 3.6　アニメーション
  • 3.7　図形を移動、回転、拡大・縮小する
  • 3.8　描画属性と座標変換の保存と復元
  • 3.9　描画領域のHTMLでの表示場所を指定する
  • 3.10　まとめ
• 第4章　マウスとキーボードを扱う
  • 4.1　マウス操作を扱う
  • 4.2　キー操作を扱う
  • 4.3　まとめ
• 第5章　スマートフォンで使う
• 5.1　プログラムの実行方法
• 5.2　タッチパネルを扱う
• 5.3　スマートフォンのデバイスの動きを使う
• 5.4　まとめ
• 第6章　UI部品
  • 6.1　ボタン
  • 6.2　入力フィールド
  • 6.3　スライダ
  • 6.4　ドロップダウンメニュー
  • 6.5　チェックボックス
  • 6.6　ファイル選択ボタン
  • 6.7　ドラッグ&ドロップ
  • 6.8　無名関数
  • 6.9　まとめ
• 第7章　画像を扱う
  • 7.1　画像ファイルを読み込んで表示する
  • 7.2　ピクセルって何？
  • 7.3　ピクセルを取り出し、色を調べる
  • 7.4　ピクセルの色を変えて描画する
  • 7.5　ピクセルの色に応じて色を変える
  • 7.6　画像の色を反転する
  • 7.7　まとめ
• 第8章　動画を扱う
  • 8.1　動画ファイルを再生する（PlayVideo）
  • 8.2　マウスクリックで動画を再生、停止する
  • 8.3　動画の色を反転する
  • 8.4　ドラッグ＆ドロップされたビデオを再生する
  • 8.5　カメラの映像を表示する
  • 8.6　カメラからの映像の色を反転する
  • 8.7　まとめ
• 第9章　オブジェクト
  • 9.1　オブジェクトを使う
  • 9.2　メソッドを使う
  • 9.3　もう一つのオブジェクトの生成方法－new
  • 9.4　プロトタイプベースのオブジェクト指向
  • 9.5　継承
  • 9.6　まとめ
• 第10章　サウンドを扱う
  • 10.1　音声ファイルを再生する
  • 10.2　再生を制御する
  • 10.3　マイクを使う
  • 10.4　マイクからの音声を録音、再生する
  • 10.5　サウンドを解析する
  • 10.6　フィルタを使う
  • 10.7　音を発生させる
  • 10.8　音を合成する
  • 10.9　音に細かな変化を加える
  • 10.10　まとめ
• 第11章　DOMを扱う
  • 11.1　HTMLの要素を追加する
  • 11.2　タグの属性を扱う
  • 11.3　HTMLを操作する
  • 11.4　HTMLを動的に操作する
  • 11.5　外部サービスとの連携
  • 11.6　まとめ
• 第12章　音声合成、認識
  • 12.1　準備
  • 12.2　文字列を読み上げる
  • 12.3　日本語で発話する
  • 12.4　音量を変える
  • 12.5　指定した音声で読み上げる
  • 12.6　長い文章を読ませる
  • 12.7　音声を認識する
  • 12.8　連続して音声を認識する
  • 12.9　まとめ
• 第13章　2Dゲームを作る
  • 13.1　準備する
  • 13.2　スプライトに画像を表示させるプログラム
  • 13.3　スプライトを移動させる
  • 13.4　キーとマウスで操作する
  • 13.5　コライダー
  • 13.6　グループ
  • 13.7　まとめ
• 第14章　後書きに代えて
  • 14.1　Arduinoを扱う
  • 14.2　3Dグラフィックス
  • 14.3　まとめ
• 付録　リファレンス

書籍一覧に戻る ＜ TOPに戻る