Vue.jsを使用するときに、アプリケーションの状態を管理するためにVuexを使うことがほぼだと思いますので、これから何回かに渡ってVuexについての基本的な使い方をまとめようと思います。 今回はVuexについて少し触れて、あとはステートについてまとめようと…

前回の配列操作でよく使うメソッドまとめ04つづき。 今回も前回までと同じJSONデータを使ってfindの使い方についてまとめます。 JSONデータの中身は配列操作でよく使うメソッドまとめ01のページ下部に載っています。 findを使えば引数で与えた関数に一致する…

前回の配列操作でよく使うメソッドまとめ03つづき。 今回も前回までと同じJSONデータを使ってObject.assignの使い方についてまとめます。 JSONデータの中身は配列操作でよく使うメソッドまとめ01のページ下部に載っています。 Object.assignを使えば簡単に対…

前回の配列操作でよく使うメソッドまとめ02つづき。 今回も前回までと同じJSONデータを使ってfilterの使い方についてまとめます。 JSONデータの中身は配列操作でよく使うメソッドまとめ01のページ下部に載っています。 各チームのUS出身の選手のみ取り出す i…

前回の配列操作でよく使うメソッドまとめ01つづき。 今回は前回のJSONデータを使ってsortの使い方についてまとめます。 JSONデータの中身は前回のページ下部に記載しています。 各チームの選手を年齢順にソート import data from '../EasternConference.json…

仕事で配列を扱うことが多くなったので配列の操作方法をまとめました。 現場ではAPIで取得したデータをフロント側で扱いやすいようにJSONにパースしたり加工することが多いと思うので、今回は基本的な計算処理についてまとめます。 今回は実際にNBAの複数の…

先週末にサポーターズさん主催の【まつもとゆきひろ氏 特別講演】20代エンジニアのためのプログラマー勉強法 に参加してきました！ これまで技術的なことしか書けていなかったのですが、とても学びが深い講演会だったので初めて雑記的にまとめを書いてみよう…

前回は絞り込み機能を実装したので今回はそれにソート機能を実装していきます。 前回：Vueで絞り込みとソート機能を実装してみた01 今回やること * 降順と昇順を任意に表示切替できるようにする ソートするにはcomputedのmatchedの返り値の配列を受け取って…

Vueのcomputedとmethodsの違いがいまいち分からなかったので、computedを使って絞り込みとソート機能を実装してみます。 今回やること * 商品のリストから自由に値段と絞り込み件数を指定して画面に表示する 次回やること * 降順と昇順を任意に表示切替でき…

昨年あたりにテレビとスマホの連動企画が流行って色々な施策が世に登場しましたが、その中のひとつに、CMやドラマの役者が持っているスマホの電話番号が画面に映り込み、その番号に電話すると実際に役者が電話に出てくれるっていう施策がありました。 これは…

はじめてのvue 仕事でvueを使うことになったので遅ればせながらvueを勉強し始めました！ 仕事で使うからにはしっかり覚えたい！ということで、ここでは勉強したことをアウトプットして脳みそに定着させることを目標にしています。 とはいえNode.jsのほうも勉…

Node.jsのストリームAPIについて Nodeの勉強をしてストリームAPIを扱う処理がよくわからなかったので調べました。今日はストリームAPIについて書こうと思います。 Node.jsには大きいデータを扱うとき、ストリームAPIを利用することでメモリの消費を抑えるこ…

Node.jsの標準モジュールquerystringについて Node.jsを勉強する中で理解が追い付かないところがあったので整理してみたいと思います。 querystringの使い方 querystringはクエリ文字列をオブジェクト形式に変換してくれるNode.jsの標準モジュールの一つです…

Node.jsでファイルを読む 今回はNode.jsで自分が指定したファイルを読み込む方法について書くよ！ 手順としてはファイルを読み込むために必要なfs関数を使います。 fsはファイルを操作するために用意されているモジュールです。 var http = require('http');…

Node.js+Expressでpostを使う！ Node.js+Expressでgetを使う！の続き。 前回やったこと ・Node.jsでgetを扱う。（クエリによってページ内の文言出しわけ） 今回はExpressでのpostについて書いていきたいと思います。 POST送信について postはHTTPメソッドの…

Node.js+Expressでgetを使う！ Node.jsを触ってみた話4の続き。 前回やったこと ・複数のミドルウェアの処理をnext();でつなげる 今回はExpressでのgetについて書いていきたいと思います。 GET送信について getはHTTPメソッドのうちの一つで、HTTPメソッドに…

Node.jsを触ってみた話4 Node.jsを触ってみた話3の続き。 前回やったこと ・ルーティングとミドルウェアについて ・ルーターモジュールを使ったルーティングの方法と使わない方法の比較 今回は前回やったことにプラスして、ミドルウェアの処理を複数実行する…

Node.jsを触ってみた話3 Node.jsを触ってみた話2の続き。 前回やったこと ・Expressとは ・Expressを使わないルーティングの書き方 ・Expressを使ったルーティングの書き方 今回もまたルーティングに関する話なんだけど、ミドルウェアについても一緒に書きま…

Node.jsの基本構文2 前回の基本構文続き。 この部分のコードを解説していく。 server.on('request',function(req,res){ res.writeHead(200, {'Content-Type': 'text/plain'}); res.write('Hello world'); res.end(); }); 手っ取り早くコードを書くならチェー…

Node.jsの基本構文１ 前回に引き続き、こちらの記事で書いた「Expressでごにょごにょしてブラウザに表示させる処理」の詳しい解説を書こうと思ったんだけど、いったんNode.jsの基本構文についても触れたほう良いと思ったので少し脱線しますが書いておこうと…

Node.jsを触ってみた話2 前回は説明なしでとりあえずNode.jsでWebサーバーを作ってブラウザに表示させるやり方を書いたのでそれの細かい説明を書いていく。 素人が調べながら書いてるので違うところあったら指摘大歓迎です！！！ Expressとは Node.js上で動…

Node.jsを触ってみた話 職場はWebサイト制作会社で自分は基本マークアップと簡単なJSしか書いたことないんだけど（自分はフロントエンド）、個人的にそろそろアプリ開発やっていきたい！ってことでNode.jsを触り始めた。 環境構築 とりあえず動いているもの…