【Node.js】cookieを使ったクライアント ～ サーバー間のデータのやりとりサンプル

ブラウザにデータを保存するという役割でいうと、localStorage と cookie が代表的かと思いますが、localStorage はクライアント側のみで使える機能で、サーバからは扱えません。
そのためクライアントとサーバ間のデータのやり取りではcookieを使うことで手軽に行えます。

というわけで理解を深めるために書籍のサンプルデータを参考に簡単なサンプルを作ってみました。

【Node.js】POST後にページリロードすると再度POSTされる問題

2019年はプレイベートでサービスを作りたいので、Node.jsの勉強を始めました。
サーバーサイドプログラミングの経験はほとんどないので、まずは入門書から始めているのですが、そのサンプルアプリケーション（掲示板）の中で問題が発生しました。
その内容は、ググっていると全く同じことを書いていた記事がqiitaにありました（しかも同じ入門書）。

qiita.com

【JavaScript】オブジェクト指向を意識したカルーセルスライダーの実装

これまでオブジェクト指向という言葉は知っていましたが、ほとんどその詳細について考えたり、勉強したりしたことがありませんでした。
しかしそれではいかんと思いいくつか入門記事を読んでみて、なんとなくオブジェクト指向がどういったものなのか、少し掴めてきたように感じました。

そのイメージを形にしてみようと、久しぶりに vanila.js でベーシックなカルーセルスライダーを実装してみました。
オブジェクト指向のプロの方たちから見たら全然かと思いますが、一応備忘録と、自分の頭の中の整理として。

【ハマログ】親要素に設定したmouseover / mouseoutのイベントリスナーが子要素で発生する件

表題の件でハマってしまい、解決に苦労したのでハマログとして残しておきます。

gistを使ってJSONを返す超簡易的なAPIサーバを作る

APIモックサーバというと、json-server や swagger などが有名ですが、ただ fetch をしたいということであれば、gist を使うのが一番お手軽かもしれないのでメモしておきます。

作り方

とても簡単です。

1. Githubアカウントがなければ作成して、https://gist.github.com にアクセス

2. ̚右上にある「New gist」をクリック
   

3. ファイル名と、discription（任意）、内容を入力して「Create public gist」をクリック
   

4. ファイルが出来上がるので、右端の「Raw」をクリック

5. そのRawファイルが表示されているURLをfetch用のURLとして使う （下記は fetch でそのURLをした結果）

「クロスドメインで使えない」ということがなく、とても簡単に使えるので開発時の手助けとなるかもしれません。
以上です。

【ES2017】async/await の基礎（後編）

前回に続き、Async Function（async/await）の使い方について学びます。
今回はおもにAsync Functionを使う上での注意点にフォーカスを当てていきたいと思います。

【ES2017】async/await の基礎（前編）

Promiseの理解はできたので async/await について基礎から学んでいきたいと思います。