タグ

ブックマーク / zenn.dev/sekapi (2)

  • バグをボコボコなぎ倒す👊自動テスト導入でWebアプリを守ろう!

    こんにちは。 フロントエンドエンジニアのぴです。 近頃社内のフロントエンドエンジニアの間で、自動テストをもっと導入していきたいという意見が自分の耳に入るようになってきました。サイト制作系の案件が多くどうしても自動テストに関する知見が少なかったので、自動テストを書く上で知っておいた方が良さそうな基礎知識から、ハンズオンの部分までを最低限まとめてみます。 この記事のターゲット この記事の想定するターゲットは以下です。 自動テスト全然わからないけど書いてみたい人 自動テストいろんな手法あるけど、どれ選べばいいんだっけって悩む人 フロントエンドエンジニアの人 こんな人をターゲットに、テストに関する概要的な知識から、コンポーネントの単体テストと結合テストに触れていきたいと思います。 自動テストの概要 まず、自動テストとは、ソフトウェアを使って、テストの作成や実行を自動化する事を指します。手動テストに

    バグをボコボコなぎ倒す👊自動テスト導入でWebアプリを守ろう!
  • ChatGPTをぬるぬるにする🐌Server-Sent Eventsの基礎知識

    単方向通信であるということと、HTTP/1.1上で動作しているのが大きな特徴です。 また、HTTP上で動作することから、通信の互換性が高く、セキュリティモデルも使いまわせるので安心です。 どんな用途と相性がいいの? 双方向通信がしたいわけでなければ、相性の幅がとても広いです。 今回の ChatGPT のような、GPT がトークンを生成するごとに送るケースはもちろん、通知の未読件数バッジの更新、ニュース速報の表示など、サーバからイベントを送りたい時ならなんでも使えます。 HTTP/1.1で動くカラクリ SSEはHTTPのレスポンスヘッダにContent-Type: text/event-streamを指定した上で動作します。 SSEが動く流れ クライアントがサーバーに HTTP/1.1 リクエストを送信し、イベントストリームに接続します。 サーバーは、Keep-Alive 接続を使用して、T

    ChatGPTをぬるぬるにする🐌Server-Sent Eventsの基礎知識
  • 1