「JavaScriptの「知らない」が少し減る会」イベントレポート
こんにちは！ Beans College 運営の相原 @noir44_aihara です。
Beans College（通称：豆カレ）では、コミュニティ内で「月イチ勉強会」というイベントを開催しています。
今回は、12/23 (土) にコミュニティ内で開催した「JavaScriptの「知らない」が少し減る会」のイベントレポートをお届けします！
JavaScriptで出てくる用語が難しい
初学者さんがJavaScriptを学ぼうとする様子を見ていると、難しい用語がいろいろと出てきて、その度に学習が止まってしまう現象を見かけます。
そこで今回の勉強会では「よく出てくるけどわかりにくいJavaScript関連用語」をいくつか用意して、それらを解説してみる会としました。
DOMって？
jQueryとJavaScriptの違いって？
関数って？
npmって？ node.jsって？
JSONって？
イベントでは上記の用語を解説しています。これらの一部を本レポートでも紹介します！
DOMって？
参考として、MDN Web Docsの「DOMの紹介」を見てみましょう。
ドキュメントオブジェクトモデル (DOM) はウェブ文書のためのプログラミングインターフェイスです。ページを表現するため、プログラムが文書構造、スタイル、内容を変更することができます。 DOM は文書をノードとオブジェクトで表現します。そうやって、プログラミング言語をページに接続することができます。
いきなり難しいですよね（笑）
「プログラミングインターフェイス、と言われてもわからん！」ってなるでしょうけれども、語弊を恐れずにDOMを私が解説するならば、「JavaScript（などプログラミング言語）で、HTMLを扱うときの仕組み」でしょうか。
初学者さんには、まずは「DOMって仕組みがあるんだな」ってことを覚えていてもらって、DOMという単語がまた出てきても「HTMLを扱おうとしているのか」と思ってもらえたらよいかと思います！
関数って？
「関数」って言葉は知っていても、具体的な内容は初学者さんには難しいです。
「関数」を端的に言えば、「複数の処理を1つにまとめたもの」です。
「それって何がいいの？」って話としては、語弊を恐れずに言うと、まとまっていることでプログラミングしやすくなったり、再利用できたりします。
初学者さんにとっては、関数は最初の壁と映るかもしれませんが、関数を見かけたら「まとまりのことだ」と思ってもらうなど、少しずつ慣れていきましょう！
npmって？ Node.jsって？
npmとnode.jsは、フロントエンド環境を用意する上では必須の技術です。「初めて聞いた！」って方はぜひ、覚えておきましょう！
簡単に解説しておきますと、JavaScriptはブラウザ用のプログラミング言語ですが、それをOS（やサーバ）でも動かせるようにした技術がNode.jsです。
このNode.jsによって、フロントエンド開発で必要なアプリケーションが開発・配布されています。
そして、Node.js製のアプリケーションを導入・管理するために必要なツールがnpmです。
このNode.jsやnpmを導入するには、macOSではターミナル、WindowsではPowerShellというCLIツール、いわゆる「黒い画面」を使う必要があります。この黒い画面を扱いつつ、npmを導入することがフロントエンドの開発環境を整える一連の流れになるのですが、それらは初学者にはけっこうたいへんなので、今回はいったんnpmとNode.jsの紹介までとしました。
Beans Collegeでは、別の機会に初学者向けのフロントエンド開発環境構築イベントを実施する予定です！
スライド資料を共有します！
イベント用に用意したスライドを無料公開します。
スライド内で紹介したリンク
アーカイブ配信
今回のイベント内容は、メンバー限定の学習サイトにてアーカイブ配信を行っています。
他にも過去のイベントが数多くありますので、それらはご入会後にご視聴いただけます。
2024年1月の予定
グループワーク『ポートフォリオ研究会』というイベントを開催します。
いろいろなポートフォリオサイトを見て、構成や見せ方を一緒に研究・分析します！
豆カレ内のイベントには、メンバーであればどなたでも参加可能です。
気になる方は、ぜひぜひ豆カレへの参加をご検討ください！
Beans Collegeの説明会に参加する
Beans College（豆カレ）にご興味をお持ちいただいた方は、毎月４回、土曜日と水曜日に説明会を実施しておりますので、ぜひご参加ください！
▼説明会のお申し込みはこちら
https://forms.gle/RPX4Jon1RMpDqghy5
ちょっとした入会特典も貰えます！
Beans College 公式Webサイト
この記事が気に入ったらサポートをしてみませんか？