JavaScriptでできること

@d_etteiu8383

午前の部が終わりました

ぜひ感想をZoomのチャットで教えてください

JavaScriptって何者？

プログラミング言語と一言で言っても、外国語がいろいろあるのと同じように、プログラミング言語にも様々な種類があります。今回の資料で使う言語はJavaScript(ジャバスクリプト)と呼ばれているものです。主にwebサイト上でよく使われている言語です。 今回はこれを使ってインベーダーゲーム(2Dシューティングゲーム)を作っていきます。

実際どこでどんなふうに使われているか知っていますか？

JavaScriptを無効にしてみる

chromeを含むいくつかのブラウザでは、JavaScriptを無効にすることができます。

※元に戻せなくなると大変なのであまりおススメしません

JavaScriptを無効にした結果

JavaScriptを無効にすると大半のサイトが正しく動かなくなる

⇒つまりいろんなサイトのいろんな機能はJavaScriptで動いていた

JavaScriptで実際に何ができるのか

• ウェブページの内容や見た目を(動的に)変化させる
  • 閲覧者の入力によって色が変わったり、文字が変わったり...
• 動画や音楽を再生する
• CanvasやWebGLで2D/3Dグラフィックアニメーションを作る
  • 今回のゲーム作成ではCanvasを使っています
• 他にもいろいろできる

JavaScriptでアプリを作ってみた

あつまれどうぶつの森マイデザインメーカー

https://detteiu8383.github.io/ACNH-custom-design-generator-js/

画像ファイルの選択→正方形にトリミング→15色に減色→ガイド画像の作成

ほとんどJavaScriptでできています

みんなもやってみよう

JavaScriptでできることはたくさんあります

皆も色々作って遊んでみよう

JavaScript の第一歩 - ウェブ開発を学ぶ | MDN(https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps)

今回のオチ

この発表スライドもJavaScriptの力で作られています

Marp(https://marp.app/)というJavaScript製のスライド作成ツールを使っています