UniProject's Workshop in April 28th. Let's make a Discord Bot with JavaScript.

1. JavaScriptで
Discord Botを作ろう！！
プログラミング初学者講座
by Yuito Akatsuki (UniProject)

2. WSルール
● 人の不快になるようなコメントを書かない
● 不正アクセス等を行わない
● テスト用サーバーでは、スタッフの指示に従う

3. 自己紹介
● 名前：曙 唯人 (あかつきゆいと)
● S高等学校4期生(現高校1年生)
● ‘23/12/31にデジタルサークル
UniProjectを創設
● エンジニア
JS/TS/C#/Python/Docker/k8sなどなど...
● #times_ゆいとの技術と勉強と雑談の部屋

4. UniProject
全国ネットのデジタルサークルです！！
老若男女、誰でも大歓迎！！！
活動内容：
● プログラミング
● 音楽制作
● デザイン
などなど...

5. Q.プログラミングってなんぞや？
A.コンピュータを人間の思い通りに
動かすために指示すること！！

6. About JavaScript

7. 63.61%
JavaScriptの普及率
(出典: https://survey.stackoverflow.co/2023/)

8. JavaScript
何ができる？
● Webサイトを作る
● Botを作る
● Discordとかのアプリ
などなど...

9. 環境構築

10. VisualStudioCode
コードエディターでこれでプログラムを書く。
拡張機能が豊富で、いろんな言語が使える。

13. ここで、再起動してください、と出た場合は、VScodeを再起動！！

14. Node.js
JavaScriptを動かすために必要。
これを使えば、JavaScriptでSlackのBotや、
スマホアプリ、かっこいいwebサイトとかも
作れる。

16. JSやってみよう！！

17. 開発者ツール
最初は、Chromeや、Firefox、Edgeの開発者
ツールを使います。
新しいタブを開いて、fn+F12キーを押します。

18. console.log();
これは、単純にログを吐きます。
ちなみに、()のなかに、四則演算できます。
log以外のことをすると...
それはやってみてのお楽しみ
console.log("Hello World!!");
console.log(1+1);
console.log("1+1");
console.info("何か");
console.error("エラーメッセージ");
console.warn('警告');

19. let
const
var
変数を定義するときに使います。
● let - あとで変更可能
● const - 後から変更できない
● var - letとほぼ同じだけど、
古いからあまり使わない
ちなみに、型なんてものはありません。
TypeScriptならあります。
let a = 1;
let testInt = 500 + a;
a = 5;
//エラーは出ない
const testConst = "テス
ト";
testConst = "何か";
//エラーが出る

20. if(){}else{}
if文
その名の通り、条件によって、実行するかを
変えます。
条件式は、
● 一致 “1”==1/厳密一致 1===1,”1”===”1”
● NOT式 a!=b
● 以上以下未満 a<=b,a>=b,a>b
の主に3種類
let test = "テスト";
if(test == "テスト"){
console.log("testの値はテストです！！");
}

21. オブジェクト
中に閉じ込めるイメージ。
箱の中に箱があるみたいな感じです。
ここでは、簡単なことしか言いません。
詳しく知りたい人はググってください。
let Human = {
name: "あかつきゆいと",
age: 15,
}
console.log(Human.name);
console.log(Human.age);

22. 関数
関数、何かを与えると結果が返ってくるものです。
console.log()も、何か値を与えると、ログ(結果)が
帰ってくる、立派な関数です。
()=>{}
この部分が関数です。
let sleepTimeAvg = (time1,time2) => {
return (time1+time2)/2;
}
let avg = sleepTimeAvg(6.2,4.5);
console.log(avg);
//5.35