ワイ「JavaScriptを触りたいンゴ」
ワイ「せっかくJavaScriptとTypeScriptについて知ったから触ってみたいで」
PC「JavaScriptはブラウザ上で動く言語やで＾＾」
ワイ「なんやこいつ」
ワイ「C++とかPythonとかとは仕様が違うんか」
PC「せや」
PC「だからファイルの読み書きが出来なかったり、通信が出来なかったりするんやで＾＾」
ワイ「なんやこいつ」
ワイ「どうするのが正解なんや？」
ワイ「まあ誰かがいい感じの作ってくれてるやろ（未来予知）」
PC「Node.jsを使えばいいんやで」
ワイ「ほらな」
ワイ「なんやそいつは」
Nodeくん「説明しよう！！」
ワイ「なんやこいつは」
Nodeくん「Node.jsは一言で言うと、JavaScriptの実行環境だよ」
Nodeくん「ローカルで実行するからファイルの読み書きや、通信が出来るようになるんだ」
ワイ「やっぱり先人ｻﾏｻﾏやで＾＾」
ワイ「npmってなんや？」
ワイ「早速Node.jsをインストールしたで インストーラーから簡単に入れれて便利な時代になったもんや＾＾」
ワイ「でも記事とかでよく見るnpmってなにモンなんや？？」
Nodeくん「npmはパッケージを管理するツールだね」
Nodeくん「だからnpmはpipやaptみたいなもんだね」
ワイ「ということはライブラリをこっからインストール出来るんか？」
Nodeくん「exactly!!」
Nodeくん「だからJavaScriptのソースをDLして<script>でincludeしなくていいんだ！」
ワイ「はえ～ 便利やな～」
ワイ「npmで何が入れれるんや？」
ワイ「npmがpip的なのは分かったけど有名どころさんは何があるんや？」
Nodeくん「有名どころで言うと、フレームワークにExpress.jsや、JavaScriptのフレームワークにVue.jsがあるよ」
ワイ「初めて聞いたな」
Nodeくん「Express.jsは一番有名なライブラリで、APIの実装とかNode.jsでの開発を爆速にしてくれるんだ」
ワイ「なるほどな？」
Nodeくん「主にWebアプリケーションの開発に向いてるね」
Nodeくん「Vue.jsも大人気JavaScriptフレームワークだよ」
ワイ「こっちはちょっと聞いたことあるぞ」
Nodeくん「Vue.jsについて」
Nodeくん「Vue.jsはhtmlを動的に制御できるフレームワークみたいな感じかな」
ワイ「ほう」
Nodeくん「hoge.vueファイル形式で記述していって、<template>、<script>、<style>を同一ファイルに入れれるんだ」
ワイ「便利やなぁ」
Nodeくん「それだけじゃなくてhtmlのタグにifやforを入れれたりもするんだ！！」
ワイ「想像以上に便利だな」
ワイ「たくさん知れたわ」
ワイ「ワイのNode.js人生の始まりや！」
自分が作成したVueプログラム
- bv-https://github.com/Kazuryu0907/bv
- vue-bootstrapを使用
これは高専の課題で作成された記事です
最後まで読んでいただきありがとうございました。