在庫数分v-forしたいけど0から始めたいVue.jsで配列の中身を取り出すのに便利なv-forですが、普通にfor文のように最大値まで回したい時があります。上記のようにcountは5という数値が入ってるとした場合。順番にカウントアップして5回forが回ってくれます。0から始まるワケではありません。<select>タグでプルダウンを作って在庫数から購入数を選択...って時はわざわざ0を最初の行に書いたりしなければなりません。プログラミング2019年6月17日Vue.jsで複数のselectで選択されている値を取る言葉では難しいのですが商品A、商品B、商品Cが並んでいてselectで個数を選択してお問合せ。処理をVue.jsでしようと思います。今回はちょっと時間が無いので解説は省きますがVue.jsを触っている人なら、ある程度わかると思います。良い方法があるかもですが、ん〜どうでしょうか。ToDoリストを作ろう2019年5月1日stap4.データベースの内容を表示するstep3の続きです。今回は最終的にすべてルートにリダイレクトして1ページで完結させます。一覧表示はルートに記述します。ここに書き変えていきます。次にviews/index.ejsに送ったdocsを表示する記述をします。上記の記述でdocs配列の長さだけfor分が繰り返されます。ToDoリストを作ろう2019年5月1日step3.データベースにsaveするステップ2の続きです。本格的にDBからデータを取り出したりしていきます。データベースへ追加する。データベースへデータを追加する機能を作っていきましょう。デフォルトだとこんな感じです。ここにformタグを追記してサーバーにデータを送信出来るようにします。こんな感じでしょうか。ToDoリストを作ろう2019年5月1日step2.mongooseを用意しようステップ1の続きです。node.jsからMongoDBにアクセスするためのライブラリにmongooseというのがあります。mongooseについて詳しく知りたい人は「node.js+express+mongo環境にmongooseを使う」を先に呼んでください。何はともあれ環境確認です。ToDoリストを作ろう2019年5月1日step1.expressでプロジェクトを作成まずはexpressコマンドでnode.jsのプロジェクトを作成します。express-generatorがわからない人はnode.jsのexpress-generatorはとても便利。それでは早速作っていきますが、まずは環境チェックです。データベース2019年4月29日MongoDBのデフォルトポートを変更するmongodbのデフォルトポートは27017です。これを仕様上変更したい場合もあればセキュリティ強化のためポート番号を変えたいときがあるでしょう。今回はその説明をいたします。毎度おなじみの環境確認からしていきます。Code)で便利なプラグインをインターンの学生に教えて貰いましたので共有しておきます。Codeでプラグインのインストール方法なども合わせて紹介します。Codeを起ち上げてください。データベース2019年4月25日MongoDBでdatabaseを削除したり名前を変更したり。HTML+CSS2019年4月19日レッスン1-javascriptの基礎知識まずはjavascirptとは何なのか?を説明していきます。座学的な感じなので苦手な人はパスしてもいいかもです。javascriptはその名の通りスクリプト言語です。プログラミング言語は複数存在しており、その中の1つと考えてください。プログラミング言語には、コンピュータが理解しやすい機械語に変換するコンパイラ型言語と非コンパイラ型言語に分かれます。19.04にmongodb-orgをインストールするmongodbってそもそも本体のmongodb-serverとそれを操作するためのmongodb-clientsっていう2つのシステムで動いているんですよね。いうったものまとめてパッケージとしてインストールしてくれるのがmongodb-orgです。2019年4月28日MongoDBでdatabaseを削除したり名前を変更したり。2019年4月19日mongooseでsaveすると上書きされる。2019年4月8日node.jsのexpress-generatorはとても便利。