node.jsでチャットアプリ開発①
今回は下記のようなチャットアプリケーションを作ってみましょう!✨
目標
・チャットアプリケーションを完成させる
・node.jsの使い方について理解する
・ソケット通信の仕組みについて理解する
node.jsやソケットとかよく分からない単語が出てきましたが、
こちらについては、詳しく説明します^_^
node.jsとは?
今回はnode.jsという道具を使って、チャットアプリを作りたいと思います!
node.jsはサーバ側で動作するJavaScriptの実行環境のことです。
....サーバ?
....JavaScript?
意味が分からない単語が出てきましたね‥💦
1つずつご説明いたします!
クライアントとサーバ
先ほど「サーバ」という用語が出てきましたので、
簡単に説明します^^
私たちがインターネットを利用する際には、
「サービスの要求」と「サービスの提供」の通信で成り立ってます。
サーバというのは、サービスを提供する役割があるコンピュータのことです。
逆にサービスの要求をする役割のことをクライアントと呼びます^_^
身近な例でいえば、レストランで注文をするお客さんがクライアントで、
注文を受けて料理を届けるウェーターさんがサーバになります!
Amazonのサイトを閲覧する際の
サーバとクライアントの関係は下記の図になりますね^_^
JavaScirptとは?
JavaScriptは、ブラウザを操作するために開発されたプログラム言語です。
ブラウザでは、テキストや画像などWebページを表示させる役割がございます。
そこでは、HTMLとCSS内容を読み込んで、Webページが作成されます。
しかし、HTMLとCSSは、一度読み込まれたらもう変化しないという特徴があります。
つまり、ページを更新しない限り、基本的にブラウザは同じものをずっと表示し続けることになります^_^
そこで、JavaScriptでは、HTMLやCSSを、その場でリアルタイムに書き換えて、一部のコンテンツを入れ替えたり、画像のスライドショーのような動きをつけたりすることができます。
結局、node.jsは何が凄いの?
JavaScriptはクライアントが利用するWebブラウザで実行されるプログラミング言語です。
しかし、node.jsを利用することでWebブラウザの中だけではなく、サーバ上で実行することが可能になります^_^✨
難しい話なのですが、node.jsは「V8」というプログラムを使って作られてます。
この「V8」によって、単独でJavaScriptのプログラムを実行できるようになります。
そのため、サーバ側でも、クライアント側でもJavaScriptの実行が可能になります。
node.jsをインストールする
それでは、私たちのパソコンにnode.jsをインストールしてみましょう!☺
以下のサイトにアクセスしてください
https://nodejs.org/ja/download/
ここでバージョン番号は、偶数バージョンのnode.jsをダウンロードしてください。
偶数バージョンのnode.jsは長期間サポートしてくれるバージョンです。
そのため、node.js自体にバグが発生した場合は、すぐに修正のパッチを適用することができます。
これをLTS(Long Term Support)と呼びます。
それに対して、奇数バージョンでは、短期間にしかサポート保証してくれないことになってます。
奇数バージョンで新しい技術に積極的に取り組んでいき、
偶数バージョンでは確実になった技術で安定的な運用を重視していく、という2本立てになっているのです。
ダウンロードしたexeファイルを実行して、node.jsをインストールしましょう!
基本的にすべて「next」で進んでいけばOKです!
※I accept~にチェックを入れる
「Finish」を押せば、node.jsのインストール完了です!!✨
では、本当にnode.jsがインストールされているか確認してみましょう!^_^
コマンドプロンプトを開いて、以下のコマンドを打ってください。
node -v
あるいは
node --version
このコマンド実行後に、node.jsのバージョンが表示されれば、
正常にnode.jsがインストールされてます!^^
テストプログラムを動かしてみる
では、実際にnode.jsのプログラムを作ってみましょう!(^^♪
「Hello Word」がブラウザに表示される簡単なプログラムを作ってみたいと思います^_^
まず、好きな場所にapp.jsというファイルを作ります。
次にapp.jsをメモ帳やTeraPadなどのテキストエディタソフトで開きます。
app.jsに下記の内容を記載します!
console.log("Hello World!");
記載しましたら、app.jsの内容を保存します^_^
次に、コマンドプロンプト(あるいはターミナル)を開いて、
app.jsが置いてあるフォルダに移動します。
cd <app.jsが置いてあるフォルダ>
移動しましたら、下記のコマンドでapp.jsを実行します。
node app.js
すると、「Hello Word」という言葉が表示されるかと思います^_^
これが表示されれば、OKです!✨
本日はここまでです!^_^
次回はnode.jsのフレームワークの1つである「express」についてご紹介します!✨
Pythonのインストール方法(Winodws)
いま世界中で注目されているPython言語を使ってみたい人向けに、
Pythonをインストールして環境を設定する方法を教えたいと思います!✨
①Pythonのインストール
以下のサイトからPythonをインストールします。
Windows7以下のパソコンをお使いの方は、
Pythonバージョン3.8以下でないと、インストールできないようになってますので、バージョン3.8以下をインストールしてください。
Pythonのインストール時にこの画面が出ましたら、
「Add Python 3.X to PATH」にチェックを入れましょう!
(後ほどpythonコマンドを実行するためです。)
あとはすべて「Next」ボタンを押してください!
「Step was Success」の画面が表示されれば、インストール成功です!
②Pythonがインストールできたか確認
Winodwsの左下の検索画面に「コマンドプロンプト」(あるいは、「cmd」)を入力してください。
黒い端末が出ましたら、端末に以下を入力してください。
py --version
あるいは
python --version
入力して、インストールしたPythonのバージョン数字が出ればOKです。
③テストプログラムを実行
好きなフォルダにtest.pyというファイルを作ります。
私はC:\Users\pokes\OneDrive\デスクトップ\Pythonに作成しました。
test.pyには下記の1行を記載します。
print("Hello Word")
記載ができましたら、コマンドプロンプトを再度開きまして、
test.pyが置いてあるフォルダに移動します。
ここでは、C:\Users\pokes\OneDrive\デスクトップ\Pythonにtest.pyを作成しましたので、
C:\Users\pokes\OneDrive\デスクトップ\Pythonに移動します。
移動しましたら、下記のコマンドを実行します。
py test.py
あるいは
python test.py
上記コマンドを実行した後に、「Hello Word」と表示されればOKです!
Pythonのお話
皆さんは、Python(パイソン)というプログラミング言語をご存じでしょうか?
いま世界中で人気であり、注目されているプログラミング言語なのです!✨
今回はこのPythonというプログラミング言語について見ていきたいと思います☺
Pythonとは?
このPythonを開発したのは、「グイド・ヴァンロッサム」さんと言うオランダの方です😲
実は、イギリスのテレビ番組「空飛ぶモンティ・パイソン」から名前が付けられたようです😂
グイドさんは、プログラマーがコードを描くことよりも読むことに時間を使っているという事実に気づきました。
そこで、既存のプログラミング言語よりも、読みやすく書きやすいPythonを開発したのです。
今では、AI関連やWebアプリなど様々な分野で利用されている言語です!
なぜPythonが使われてるの?
では、なぜこれほどもまでにPython言語が世界中で人気なのでしょうか?
理由としては以下の点が挙げられます
・シンプルで分かりやすい
・ライブラリが豊富
ライブラリとは、他の開発者が作成したプログラムの部品のことです。
Webアプリや数学などの専門知識がなくても、既に存在するライブラリを組み合わせることで、私たちは複雑なプログラムを作ることができるのです✨
Pythonでは、様々なライブラリが既に存在しているのです。
具体的どうやって書くの?
では、Python言語の記述を具体的に見ていきましょう^_^
例えば、プログラミング業界で有名なFizzBuzz問題を
Pythonを使って書いてみたいと思います^_^
FizzBuzz問題とは、1から好きな値まで数字を表示させるのですが、
3の倍数なら「Fizz」、5の倍数なら「Buzz」、3と5の公倍数なら「FizzBuzz」というルールのプログラムを書くというものです!
▼FizzBuzz.pyプログラム
実行した結果は以下の通りです!
改めてプログラムコードを見ると、
15行程度のコードでかなりシンプルですよね!✨
これがC言語やJava言語ですともっと複雑なコードになります💦
Pythonがいかにシンプルで書きやすく読みやすいプログラミング言語であることが分かって頂けましたでしょうか??^_^✨