今までよくわかっていなかったHTTP通信周りの知識を得るためにこちらの本を読みました。 初版が2010年なのでほんの一部だけ古い内容などもありますが、全体を通してすごく面白くて一気読みできましたし、とても勉強になりました。 よくわからないところは流…

仕事でNode.jsを使うことになって非同期処理でPromiseやasync/awaitをよく使うので今回はPromiseについてまとめました。 async/awaitについては別の機会にまとめようと思います。 Promiseの特徴は4つあります。 Promiseオブジェクトは3つの状態を持っている…

復習しながら自分用にmdでメモってましたがせっかくなので備忘録としてこちらに残します。 2018.11月からB2BのSaaSに転職したことでNode.jsを書く機会があるのでNodeの学習を再開しました。 前に学習していたときから時間が空いて色々忘れている部分も多かっ…

Vueの学習のために書籍管理画面っぽいものを作ってみました。 書籍リストを読む処理にaxiosを使いましたがcodepen上はaxiosを使用しないソースになっています。 axiosを使用したソースはページ下部に載せておきます。 ちなみに書籍リストは以下のユニークなi…

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

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

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

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

この前実際に仕事でVue.jsを使う機会があったので、実践編としてその使い方を残しておきます。 使いどころとしては複数のモーダルがあってモーダル表示でyoutubeを自動再生されるものです。 Gulpタスクはビルドするだけのシンプルなものにしました。 ディレ…

今回は音声をローカルファイルに書き込まず、リアルタイムで音声認識させてconsoleに出す処理を書いていきます。 Cloud Speech API + node.jsで音声認識をさせてみる1 Cloud Speech API + node.jsで音声認識をさせてみる2 今回はリアルタイムで認識させるの…

続き書きます！ 前回、音声ファイルの取り込みには成功したので、次にこの音声をテキストに変換する記述を追記していきます。 まず以下でGoogle cloud client libraryをインポートして、クライアントを作成します。 const speech = require('@google-cloud/s…

前回、前々回とNode.js+Express+Azureでチャットアプリを作成しました。 これからルーム機能やログイン機能を付けていったら面白そうだなと思っているのですが、一番面白そうだなと思ったのが音声入力だったので、そちらから始めてみることにしました。 前回…

それでは前回の続きで、サーバ側とクライアント側の通信時の処理を書いていきます。 サーバ側 まずポートを指定します。 ポートはアプリを実行する環境によって異なるので以下の形にする。 process.envは環境変数。process.env.PORTはユーザー環境のポート番…

socket.ioとAzureの使い方を勉強したくて簡単なチャットアプリを作りました。 とはいえ全く知識ないのでとりあえずsocket.ioのGet-startedを利用しました。 自分がわかりやすいように元々のソースを少し触っています。 長くなりそうなので2回に分けて説明し…

Microsoft Azureの無料アカウント作成方法 Node.jsで作成したアプリをデプロイするためにAzureのアカウントを作成しました。 Azureの使い方はこれからいろいろ調べたいですがとりあえず作成→デプロイがうまくいったので手順まとめておきます。 Azureを始める…

はじめての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を触り始めた。 環境構築 とりあえず動いているもの…