定年後にWeb開発者目指す

動画でReactの学習をしているのですが、いくら手を動かしながらとはいえ、動画教材を見終わったあとに、実はコード書けませんとなりそうで不安です。 そこで、作成中途のチャットアプリのログイン画面だけ、Mustache.js […]

前回から新たに学んだことの自分用メモです。 前回とほぼ同じ機能の簡単なアプリケーションです。前回のものに比べて、「 この選択肢は既に存在します。 」というメッセージが出る機能を追加したくらいです。 新たに学んだ事 Rea […]

前回のその①ではJSXを用いて予め設定した変数を表示してみました。 今度はボタンをクリックしたら、何かの値が変わるというのをやってみました。 注意すべきなのは、JSXに指定した変数の値を変えても、描画は自動でやり直されな […]

現在、作成中のチャットアプリで、mustache.js というテンプレートエンジンを使用しているのですが、シンプル過ぎて逆にReact試してみたくなりました。 まだ、入門３晩目なのですが、割といい感じです。 開発環境の構 […]

自分のWebアプリケーションから何かのイベントに対して、自分のメールアドレスに通知を飛ばす方法をメモします。 ここでは、SendGrid を使用します。 アカウントの作成 まずは SendGrid からアカウントを作成し […]

Herokuを無料枠で使っていて気がついたのですが、しばらくぶりにWebアプリケーションにアクセスすると、起動時に時間がかかるのです。 公式サイトの「Heroku を利用して無料でアプリの構築 | Heroku」を見ると […]

Node.jsアプリケーションをテストする方法を学習したので、忘れてもよいようにメモしておきます。 テストフレームワークであるJestを使用します。 Jestのインストールと設定 次のコマンドでインストールを実行します。 […]

LINEのオープンチャットとか、ジモティなどのアプリでの他人とのチャットで、個人情報だとか不適切情報を入れるとはじかれるというのがあります。 今回は、前回のチャットアプリを少し改良して、きちんと通信されたかの確認応答(a […]

前回の学習で得た知識を元に、一応通信だけできるバージョンを作成しました。 この状態では、認証もないどころか、誰が発言しているのか不明（笑）ですし、ユーザインタフェースも改良の余地がありすぎです。 しかし、この後に機能追加 […]

チャットアプリで必要となるリアルタイムの双方向通信をおこなうためのWebSocketプロトコルの利用についてメモを残します。ここではまだチャットアプリは完成しません。 Socket.ioのインストール Socket.io […]