プログラミングのイメージってなんだか難しいイメージありませんか?
でも、最近は学校でプログラミングの授業が開始されたりと、プログラミングの需要が高まっています。
そんなプログラミングを視覚的に確認しながら楽しんでできるものが、あればやってみたいと思いませんか?
それが、今回紹介するProcessingなんです。
あなたもProcessingで楽しくプログラミング始めませんか?
こんな人が書いてます
Processingとは
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/a972cd063ab5d0e6fde18e18aa3733c8-1.png?resize=564%2C274&ssl=1)
Processingは
プログラミング言語および開発環境で、視覚的な表現を簡単に作成することができるようにすることを目的としています。Processingは、グラフィックス、アニメーション、インタラクション、オーディオ、ビデオなどの多様なメディア表現に使用されます。
Processingは、初心者や芸術家、デザイナーなど、視覚的表現を作成することに興味のある人々にとって特に有用です。Processingは、コードを記述することで、グラフィックスやアニメーションを生成することができるため、プログラミングを理解していなくても、芸術的表現を作成することができます。
Processingは、多様なアプリケーションに使用されています。例えば、ビジュアルアート、デジタルインスタレーション、インタラクティブデザイン、ビジュアルデザイン、教育、科学、および音楽などです。Processingは、プログラミングの基礎を学び、実際にコードを書くことで、プログラミングスキルを向上させることもできます。
Processingは、オープンソースソフトウェアであり、コミュニティーによって継続的に開発されています。これにより、新しい機能や改善点が追加され、開発者が持つアイデアを形にすることができます。Processingは、開発者にとって非常に有用なツールであると同時に、オープンな開発環境により、開発者コミュニティーにとっても有用なツールであるといえます。
公式ホームページでは以下のように書かれています
処理は、柔軟なソフトウェアスケッチブックであり、視覚芸術のコンテキスト内でコーディングする方法を学習するためのプログラミング言語です。2001年以来、Processingは、視覚芸術におけるソフトウェアリテラシーと技術における視覚リテラシーを推進してきました。学習とプロトタイピングにProcessingを使用する学生、アーティスト、デザイナー、研究者、愛好家は何万人もいます。
引用:https://processing.org/
環境設定やインストール方法は別記事で書いているので以下の記事を参考にしてください
関連記事
Processingでできること
Processingでできることはグラフィックを使用したアートやデザイン・アニメーションといった動きのある作品を作ることができます
実際にどんなものを作れるのか私が作った作品の一部を載せておきます
図形を組み合わせてアートやデザイン
Processingは座標を使用して図形や線を簡単に描くことができます
その図形や線を利用していろんな作品が作れます
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-07-01-2.png?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-06-28-20.png?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-07-01-3.png?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-07-01-5.png?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-05-07-7.png?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-05-30-2.png?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/07/e927eb3220458d0e0863b117c555aed7-1.png?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/07/f99ee3af5cb624770e0de30d6bbcf5b5-1.png?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/07/1811ab4de8e966aaa3d0fd0c39476dec.png?ssl=1)
![](https://i2.wp.com/dsdiary.blog/wp-content/uploads/2021/08/lesson_blend.png?ssl=1)
![](https://i2.wp.com/dsdiary.blog/wp-content/uploads/2021/08/lesson2.jpg?ssl=1)
![](https://i2.wp.com/dsdiary.blog/wp-content/uploads/2021/08/panchi4-1.png?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/08/rancom1.jpg?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/08/rancom3.jpg?ssl=1)
![](https://i1.wp.com/dsdiary.blog/wp-content/uploads/2021/08/lesson1-4.png?ssl=1)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/08/lesson5.png?ssl=1)
関連記事
パラパラ漫画のように作るアニメーション
Processingでは、アニメーションの作成もできます
実際にどのようなアニメーションが作れるかというと以下の動画になります
作品1
若干思い浮かべるアニメーションと違うかもしれませんが、作り方はアニメーションと一緒です
この動画の内容は、マウスの場所に合わせて文字の大きさや色、数字の変更を行えるプログラムです
作品2
こっちの方がアニメーションっぽい感じがあるのでわかりやすいかも
これは、世紀末を生き抜いたから教えていただいた〇裂拳をイメージして作っています
この2つの作品は一例でキーボードやマウスの動きに合わせた作品等もできます
なのでプログラムの描き方次第でゲームや動きに合わせたアート作品を作ることも可能です
このように、デザインやアートだけでなくアニメーションのような動きのある作品もつくることができるのでデザインやアートが好きな方やアニメやゲームが好きな方にもお勧めです。
あと詳しくはわからないですがサウンドビジュアルという音を使った作品もできるようです
関連記事
Processingの使い方は?
Processing自体がプログラミング言語と表記があるように、プログラムを書いて表現をしていきます
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/07/2021-06-23-7.png?resize=835%2C739&ssl=1)
このようなプログラムを画面へプログラムを入力して出力して使用します
しかし、Processingを使うときにはJavaやpythonといったプログラマーが実際に使うプログラミング言語を使用してコード入力して作品を作ります
ProcessingはJavaベースで作られているので基本的にはJavaで書きますが、設定を変更することでほかの言語も使用することができます
使い方の詳しい記事については以下の記事にまとめています
関連記事
使用できるプログラミング言語の種類
Java
python
JavaScript
以上の3つが使用可能な言語です
![ダダ](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2024/03/187-2.jpg?resize=100%2C100&ssl=1)
私のオススメはPythonです
最近私のAIなどに強いプログラミング言語で、プログラムも読みやすく学習も初学者向けとなっています
Pythonとは?
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/f6561c4729cb62fe62b7414e04bb7681.png?resize=426%2C130&ssl=1)
数多くあるプログラミング言語のうちの一つ
Pythonというプログラミング言語は、少ないコード(文章)でシンプルで読みやすいというメリットがあります
Pythonは人工知能(AI)、データ分析、自動化ツール、ロボット開発、デスクトップアプリケーションといったことにも使用ができる万能言語です
などがあり、プログラミングをしたことがない初心者の方でも取り組みやすいということあげられます
また、AIや人工知能の人気が高まっていることや在宅ワークが普及してきているからこそ習得したいスキルの一つ
Processingを使って
楽しく作品を作り
Pythonの習得できる
一石二鳥感が素敵です
その他のソフトウエアとの違いは?
Processingについて触れましたが、その他にも様々なソフトウエアがあり一部紹介していきます
openFrameworks
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/305914b4bf07169bb1e925251dceae55.png?resize=619%2C340&ssl=1)
・OpenFrameworksとは、シンプルで直感的なフレームワークによって、創作活動を手助けするようにデザインされた、C++のオープンソースキット
引用:https://openframeworks.cc/ja/
Pure Data (Pd)
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/05f284e7a222174c2b952677a6714733.png?resize=574%2C556&ssl=1)
PureData (Pd)は、音声、ビデオ、映像処理のためのリアルタイムなグラフィカルプログラミング環境です
強みはサウンドビジュアル
引用:https://puredatajapan.info/?page_id=2
vvvv
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/91b049388fa315a9c55453275a0b080c.png?resize=920%2C385&ssl=1)
vvvvは多目的なツールキットです
グラフィカルにプログラムを組み立てる開発環境です
vvvvはオーディオ、ビデオ、3Dアニメーション、インターネットといったコンピュータで扱う一般的なメディアを使ったワクワクするような作品制作に適しています。前述のメディアコンテンツを作成・変換するのに加え、vvvvは様々な外部デバイスからの入力を受け取ったり出力を生成したりできます。
非営利目的の使用は無料
引用:https://vvvv.org/documentation/jp.propaganda
TouchDesigner
![](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2021/06/0341504bf01e0b1120d891c967743ceb-2.png?resize=595%2C598&ssl=1)
アーティスティックな映像製作ソフトウェア
TouchDesignerを使用すると、アプリケーションエンジンとユーザーインターフェイスの両方を1つの統合環境に構築できます。単純な機能プロトタイプから完全な洗練されたアプリケーションまで、あらゆるものを作成します。
非営利目的の使用は無料
引用:https://derivative.ca/feature/application-building
![ダダ](https://i0.wp.com/dsdiary.blog/wp-content/uploads/2024/03/187-2.jpg?resize=100%2C100&ssl=1)
様々な開発環境があったけど、自分は無料でPythonでコードを書いて表現したいからProcessing が一番合ってるから選びました。
まとめ
今回プログラミング学習にオススメな物を紹介させていただきました。
プログラミングを学習するうえで、弊害となりやすいのが作ったのもがよくわからないということです。
プログラムを書いても数値が返ってくるだけで、何も面白くありません!!
しかし、Processingでは、作ったものが絵となりデザインになり楽しくプログラミング学習ができます。
初めてプログラミングを体験する方にはオススメです
実際に私も、今までプログラミング学習をしたことがありませんでしたが、今ではUdemyで講師ができるまでになりました。
関連記事
本気でプログラマーを目指している方へは、プログラミングのスクールをオススメしております。
中でも TechAcademy テックアカデミーをオススメしており、 TechAcademy テックアカデミーの実績として、
多くの会員がエンジニアとして巣立ってきました。数年前より、学生エンジニアという存在が物凄く注目されるようになっており、
メガベンチャーもこぞって、サマーインターンを実施、プログラミングを叩ける人材を青田刈りしています。
この職種は、学歴、学部、全く関係なく、プログラミング開発経験やその熱量がモノをいいます。
私より上の世代では、「エンジニアは3K」「ただの職人」「うつ病になりやすい」「35歳限界説」など
良いイメージを持っていないかと思います。
逆に若手のエンジニアは恵まれた環境に安心してキャリアを崩すといったこともあります。
そのあたりについて、いろいろと聞いてきましたので、
近くに若いエンジニアがいらっしゃるのであれば、助言するときに参考になるかと思います。
以下のリンクから【自宅で現役エンジニアから学べる TechAcademy テックアカデミー】に無料相談が出来るので以下のリンクから無料相談をしてみてください