福野泰介の一日一創 - create every day

コンピューターとより仲良くなる窓口、黒背景に白地のターミナル。(Windowsではコマンドプロンプト)

ターミナルを初めて使う人向けに、Node.jsを使ったシンプルな入門を詳しく解説してみました。
ngrokを使って、自分のスマホともつないだ自作のチャットで遊んでみよう!


Webサービスはじめのいっぽ JavaScript / Node.js版」 for Mac


おなじみコンピューターくん。


パソコンは声操作は一般的ではないですね。


ここで登場、ターミナル!IchigoJamを使ったことある人にはおなじみ黒い画面。


ターミナルを起動しよう!


$マークがターミナルの証


aと打って


エンター


お返事が来るね!


シラナイコトバダナーって言ってるよ(IchigoJam BASICでは、Syntax error)


ファイルを見せてもらおう


ls、LISTの略!


cdを使ってフォルダをめぐるたび


サーバーサイド開発にチャレンジ!


ブラウザじゃないところで動かすJavaScript、「Node.js」を使ってチャットサービスをつくってみよう


計算機代わりにもなるよ!


教材「vuenodechat」をGitHubからダウンロード


エディタはVSCodeや、ATOMなど好みのものを使ってOK!













HTML/CSSをいじれば、すぐに自分だけのチャットサービスに!
ngrokはあくまでお試し用、本格的にサービスを公開したい時は、さくらのVPS(698円/月〜)から始めてみましょう!


京都造形芸術大学 情報デザイン学科 クロステックデザインコースの人に体験してもらいました!

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY 福野泰介 - Taisuke Fukuno / @taisukef / アイコン画像 / プロフィール画像