プログラミング入門～JavaScriptとProcessing～C0deでの話も？

自己紹介 KoCSience : 新学部(B)3年, 情報工学科 所属 • 名古屋工業大学(NITech) • nitechCreate (集まり) • C0de (部活) • 学生LT (団体)

nitechCreate • 名古屋工業大学 • 2020年設立? • なにか作りたい人の集まり • https://nitech-create.com/ • Twitter: @nitechCreate

• https://nitech-create.com/

nitechCreateの活動 • Discord & Scrapbox • 名工生限定: にこのこLT会

公認部活動 C0de (プログラミング部) • • • • • 名古屋工業大学 Webサービス, スマホアプリ, その他ソフト 勉強だけでもOK 新2～3年生 15人前後 + 新入生10人? https://c0de-web.club.nitech.ac.jp/

• https://c0de-web.club.nitech.ac.jp/

プログラミングを始めたい？ 最良: 「やりたいこと」がはっきり決まっている 何をすれば良いのかを調べるところから、やることができる 逆にやりたいことが決まってないと、何しよう？とやる気もなくなる… 例: • • • しりとりを使ったゲームを作りたい！ アニメサジェストサービスを作りたい！ 学校の授業サイト(Moodle)がクソなので、 使いやすくしたい

やりたいこと、決まってない！ でもプログラミングやりたい → JavaScriptがいいんじゃない？ JavaScript, Python, Java/Processing, C, Haskell

Why JavaScript? 様々な利用用途: Web, サーバーサイド, アプリ, デスクトップ GUIで動かせる: ボタンとか文章を書き換えるとか 欠点: HTML/CSSの知識がやや必要

Why JavaScript? → 1番かも JavaScriptが 1位 • GitHub • RedMonk ref: プログラミング言語の人気ランキング、順位変動は縮小傾向にある――RedMonkが調査：DartがRustに並ぶ - ＠IT https://atmarkit.itmedia.co.jp/ait/articles/2204/13/news040.html RedMonk Top 20 Languages Over Time: January 2022 – Alt + E S V GitHub、ソフトウェア開発者の活動をまとめた「The State of the Octoverse 2021」を発表 | CodeZine https://redmonk.com/rstephens/2022/03/28/top-20-jan-2022/ https://codezine.jp/article/detail/15270

• https://atmarkit.itmedia.co.jp/ait/articles/2204/13/news040.html
• https://codezine.jp/article/detail/15270

やりたいこと、決まってない！ でもプログラミングやりたい → JavaScriptがいいんじゃない？ JavaScript, Python, Java/Processing, C, Haskell → でも色々な言語は触ることはめっちゃ良い

自分がかつて行った勉強方法 Minecraftのサーバープラグインの作成 プラグイン: ソフトウェアが提供する関数やライブラリ(API) に、 拡張を加えるソフトウェア ソフトウェアのソースコード読む • GitHubに公開されているソース • Javaのデコンパイル機能

勉強方法:ソフトウェアのソースコード読む • GitHubに公開されているソース • Javaのデコンパイル機能 利点: • 既存のソフトウェアの作り方がわかる • 他の人の書き方を知れる

勉強方法:本を買う → 体系的に学べる 最近は言語公式の入門サイトもある → Rust, Kotlin, C# JavaScript: • ウェブ開発を学ぶ | MDN: https://developer.mozilla.org/ja/docs/Learn → ライブラリのドキュメントはやはり、情報がまとまっていることが多い • 現代の JavaScript チュートリアル: https://ja.javascript.info/

Q. C0deでは、どんな入門を？ A. Processing • Javaをより簡潔に書けるように • グラフィックに特化 • 教育用途で多く採用 • 弊学のコンピュータ入門など Processing • JavaScript版もある: p5.js https://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Processing_Logo_Clipped.svg

Processingの いいところ と 欠点 いいところ: • グラフィックに特化して書きやすい → 楽しい & 初学者にCUIは辛い • JavaScriptのような負の遺産が少ない • 分かりやすいサイトがある 欠点: やや環境整備が必要

Processingの環境構築 1. VSCodeのインストール 2. Processingのインストール 3. ProcessingをVSCodeで使える環境を作る • Processing VSCode 拡張機能をインストール 4. 諸般の設定をする ref: ProcessingをVSCodeで実行（Windows） - Qiita https://qiita.com/fztkm/items/2de7e6066a1d2f0a2d8c

Processing入門のオススメサイト • Processing.org 公式 Getting Started https://processing.org/tutorials/gettingstarted → 英語だけど、公式なので良い • p5 code school Processing チュートリアル https://p5codeschool.net/tutorial/ → 日本語でサンプルコードもあって良い

• https://p5codeschool.net/tutorial/

とりあえず、はじめてみよう！ 始める >>>>> 始めない