〇〇だから、書きました。

W3CとかMDNとか、結局なんなん？Web開発でよく見る名前を整理してみた

HTML JavaScript Web開発 Web標準 技術メモ

  HTMLやCSS、JavaScriptについて調べていると、かなりの確率で出てくる名前があります。 W3C MDN WHATWG さらにJavaScriptを調べていると、 TC39 ネットワーク関係になると、 IETF とかも出てきます。 最初の頃は、 「全部公式サイトみた...

これ画像じゃないの？HTMLだけでイラストを描けるSVGを使ってみた

HTML SVG UI Webデザイン Web開発 フロントエンド

Webサイトを作っていると、 「ここにちょっとしたイラストが欲しい」 ということがあります。 でも、そのためだけに画像編集ソフトを開いてPNGを作るのも面倒。 最近作ったWebサイトでも、公開しているWebアプリを紹介するために、こんな感じの簡単な画面イメージが欲しくなりました。...

Socket.IOはNode.js専用？対応言語とFastAPIとの関係をまとめる

FastAPI Node.js Socket.IO WebSocket Web開発 リアルタイム通信

 前回、WebSocketとSocket.IOの違いについて整理しました。 簡単にまとめると、 WebSocket＝双方向通信を行うための標準的な仕組み Socket.IO＝WebSocketなどを利用して リアルタイムアプリを作りやすくするライブラリ という違いでした。 ...

Socket.IOってWebSocketのラッパーじゃないの？調べたら少し違った

Node.js Socket.IO WebSocket Web開発 リアルタイム通信

チャットを作ったり、複数人の画面を同時に更新したり、サーバー側で発生したイベントをブラウザにすぐ通知したり。 そんなときに出てくるのが、 WebSocket と Socket.IO です。 何度か使ったことはあるのですが、しばらく触らないと、 「Socket.IOってWebSoc...

お問い合わせフォームを公開すると何が来る？スパム・Bot・XSS・SQLインジェクションと対策を整理

はじめに Webサイトにお問い合わせフォームを設置すると、訪問者から簡単に連絡を受け取れるようになります。 企業サイト、個人サイト、サービスサイトを問わず非常に便利な機能ですが、インターネット上に公開されたフォームは、通常の利用者だけが使用するとは限りません。 実際に運用を始める...