もうjsなんていらない！世界で流行っているHTMXについてまとめてみた - Qiita

2024/01/18 313 users Qiita htmx SSE DOM サーバーサイド

HTMXとは HTMXは、JavaScript を記述せずに、Ajax通信や高度なUXを実現できるライブラリ。 軽量 で 高速 で、既存のサーバーサイドのフレームワークとシームレスなやり取りができる。また、AJAX通信の発火、フォームの送信処理、DOMの更新などを既存のHTML要素を拡張するだけで可能とする。WebSocketやSSEにも対応してい... 続きを読む

WebSocket 入門

2023/10/09 181 users Microsoft 入門 概要 対象 初心者向け

注意：今回の記事はあくまで初心者向けにWebSocketの概要を理解してもらうために執筆されている。そのため、一部正確性を欠く可能性がある。詳細にWebSocketについて学びたいならMicrosoftの解説記事やWebSocket Protocolを確認してほしい。 はじめに 今回の記事ではWebSocketを解説する。 対象とする読者 WebSocketにつ... 続きを読む

WebSocket の辛さを Yjs で解決した話 | CyberAgent Developers Blog

2022/12/19 7 users リモ フロントエンド AI事業本部 課題 開発チーム

こんにちは。AI事業本部 オンライン接客事業部のGokanです。 オンライン接客システム「リモてなし」の開発チームの中で、フロントエンドを主に担当しています。 今回は、システムにYjsを導入したので、その紹介をしたいと思います。 話としては「WebSocketとYjsを使うことで抱えていた課題を解決できた」という内容にな... 続きを読む

史上最強のデータベース、SurrealDB - Qiita

2022/10/22 189 users Qiita インメモリ リレーショナル http データベース

SurrealDBというRust製データベースを知ったので紹介します。このデータベースはすごいです。リレーショナル、ドキュメント、グラフ、あらゆる種類のデータ構造を扱うことができ、かつインメモリ、単一ノード、分散環境、全てで動かすことができます。さらにHTTPやWebSocketによるアクセスと柔軟なユーザ認証、認可機能... 続きを読む

Hotwireの良かった点、辛かった点、向いているケース、向いていないケース - 猫Rails

2022/05/16 22 users Rails Stimulus Hotwire 必須 挙動

Hotwireとは？ Turbo Driveとは？ Turbo Framesとは？ Turbo Streamsとは？ Stimulusとは？ Hotwireのデモ 良かった点 サーバーサイドに集中できる Railsの資産をフルに活かせる 後付けで段階的にSPA風の挙動を追加できる 学習コストが低い 開発コストが低い WebSocketは必須ではない 辛かった点・辛くなりそうな点 DOM... 続きを読む

Azure の無料枠のあるサーバーレス系サービスだけで WebSocket (SignalR) 対応してみよう - Qiita

2020/03/15 26 users Qiita microsoft.com Azure 代名詞

今回の登場人物 Cosmos DB 最近無料枠が追加されていい感じの NoSQL DB 公式ドキュメント：https://docs.microsoft.com/ja-jp/azure/cosmos-db/ Azure Functions Azure のサーバーレスなサービスの代名詞（だと思ってる 公式ドキュメント：https://docs.microsoft.com/ja-jp/azure/azure-functions/ SignalR Service Web... 続きを読む

WebTransport over HTTP/2 の仕様について - ASnoKaze blog

2020/03/11 7 users ASnoKaze blog 仕様 Proxy 目次 背景

目次 背景と仕様 WebTransport over HTTP/2 (Http2Transport) 特徴 概要 WebTransport over HTTP/2のネゴシエーション WebTransport Connect StreamsとWebTransport Streams WTHEADERSフレーム 通信例 ネゴシエーション WebTransport Streams 中間装置(Proxy)の例 その他 背景と仕様 以前取り上げたように、WebSocketに... 続きを読む

API Gateway + WebSocket の基本的な使い方を調べてみた ｜ Developers.IO

2020/01/02 9 users Lambda ルーティング 切断 Developers.IO

クライアントとの通信時のフローは以下の通りです クライアントから API Gateway に接続時に $connect に設定されたLambdaが起動します メッセージ内のボディに含まれるキーをもとにルーティングされ、ルーティングに応じたLambdaが起動します クライアントから切断、もしくはタイムアウトによる切断が行われたときに $d... 続きを読む

ターミナルでSlackを読む - 詩と創作・思索のひろば

2019/11/22 211 users Slack 思索 プログラマブル ひろば イベン

Slackはそのクライアントがそれなりに、かなりよくできていて、これでほとんど困ることはないんだけど、そうは言ってももうちょっとプログラマブルに取り扱いたいこともある。 そういう場合にもよいAPIが用意されていて、Real Time Messaging API ってのがある。こいつはWebSocketでSlackの発言をはじめ、あらゆるイベン... 続きを読む

「Apache Tomcat」の脆弱性「CVE-2019-0232」を解説、遠隔からコードが実行される恐れ | トレンドマイクロ セキュリティブログ

2019/05/16 15 users トレンドマイクロ ASF Apache Tomcat JSP

「Apache Tomcat」は、オープンソースのJavaサーブレットコンテナで、Apache Software Foundation（ASF）の支援を受けるコミュニティによって開発されました。このApache Tomcatは、「Java Servlet」、「JavaServer Pages（JSP）」、「Java Expression Language（EL）」、「WebSocket」を含むいくつかのJava EE の仕様を... 続きを読む

新しいWebの双方向通信 "WebTransport" について - ASnoKaze blog

2019/05/04 288 users quic WICG プロポーザル http ストリーム

WebTransportという新しい双方向通信フレームワークの議論が始まっている。 GoogleのPeter Thatcher氏らによって、W3C WICGにプロポーザルが投げられています。 discourse.wicg.io WebTransportは、WebSocketのようなAPIをもち、QUICやHTTP/3上で多重化されたストリームを利用し、ヘッドオブラインブロックのない通信を... 続きを読む

[発表]Amazon API GatewayでWebsocketが利用可能 | Amazon Web Services ブログ

2018/12/19 185 users API httpベース クライアント サーバー リクエスト

Amazon Web Services ブログ [発表]Amazon API GatewayでWebsocketが利用可能 本日より、任意のサーバーをプロビジョニングして管理することなく、Amazon API GatewayでWebSocket APIを使用して双方向通信アプリケーションを構築できます。 HTTPベースのAPIは、リクエスト/レスポンスモデルを使用して、クライアントがサ... 続きを読む

kuiperbeltでWebSocketから卒業してみてSocket.IOと共に歩んでみる - KAYAC engineers' blog

2018/12/18 39 users KAYAC engineers Blog

ソーシャルゲーム事業部の谷脇、またの名をid:mackee_wです。みなさんいかがお過ごしですか。 私は現在、東京プリズンというゲームアプリのサーバサイドを担当しています。東京プリズンはリアルタイムのボードゲーム的な殴り合いゲームなのですが、当然リアルタイム通信技術が使われています。 東京プリズンではリアルタ... 続きを読む

WebSocketでチャットを作ったらN高生たちにめちゃくちゃに壊された件 - Qiita

2018/12/12 10 users Qiita アドベントカレンダー チャット ありがたい 同意

はじめに N高等学校2年のKakudoです、初めてアドベントカレンダーを書かせていただきます。よろしくお願いします。 さて、WebSocketを使ってみようと簡単なWebアプリを作って公開したところ先輩方にありがたい「ご指導」をたくさんいただいたので、身をもって学んだことを書こうと思います。 今回の話は同意の上でやって... 続きを読む

100万回のWebSocket接続とGo | プログラミング | POSTD

2017/11/28 347 users POSTD プログラミング Mail.RU ロシア テクニック

こんにちは。私はSergeyこんにちは。私はSergey Kamardin（セルゲイ・カマルディン）です。Mail.Ru（ロシアの電子メールサービス会社）で開発者をしています。 この記事では、どのように私がGoを使って高負荷対応のWebSocketサーバを開発したかについて説明したいと思っています。 パフォーマンス最適化のアイデアやテクニックを通じて、WebSocketの知識はあるもののGoについ... 続きを読む

WebSocket + Node.js + Express — Step by step using Typescript

2017/11/12 112 users node Express node.js

WebSocket + Node.js + Express — Step by step tutorial using Typescript This is a quick step by step tutorial about WebSocket, Node/Express and Typescript. The full source code provided in these exampl... 続きを読む

Angular + RxJS + WebSocket で チャットアプリを作る – Subject 利用サンプル ｜ Developers.IO

2017/05/08 65 users Subject angular RxJS subscribe

以前、別の記事で Akka製のチャットサーバを作った のでシンプルなクライアントアプリも作りました。 バージョン情報 パッケージ名 バージョン WebSocketとSubjectの連携イメージ RxJSの部品は、今回 Subject を使います。Subjectは、定義したバックエンドのデータソースを Subscribe することができ、なおかつバックエンドに対して next によりデータを送出する... 続きを読む

Go が他の多くの言語での非同期プログラミングよりも優れている理由 - Qiita

2017/04/02 418 users Qiita poll ネットワークアプリケーション Erl

はじめに 非同期プログラミングと呼んでいるのは、ノンブロッキングIOと select, poll, epoll, kqueue のようなIO多重化を利用したネットワークアプリケーションを書くことです。 node.js で websocket 使ったチャットを書くとかそういうのです。 「他の多くの言語」とは、 Python (asyncio), node.js, C# などを想定しています。 Erl... 続きを読む

あなたにおすすめするWebSocketを用いた全く新しいOAuthのご紹介 - あざらし備忘録。

2016/12/16 112 users techlog あざらし備忘録 VOYAGE GROUP

2016 - 12 - 16 あなたにおすすめするWebSocketを用いた全く新しいOAuthのご紹介 ネタ Rails WebSocket OAuth この記事は、 Advent Calendar 2016 - VOYAGE GROUP techlog の16日目のエントリです！ みなさんこんにちは！ VOYAGE MARKETINGにてエンジニアをしている なかにしごう (@gomachan... 続きを読む

本の虫: PornhubはWebSocketを使ってAdBlockを回避している

2016/11/03 318 users Adblock PornHub Chrome パク 社員

BugReplay あるWeb開発者が、開発のためにchromeで通信内容をキャプチャしたいと考えchrome.webRequestを使ったが、WebSocket経由の通信は得られないことを発見した。さっそくこれをバグ報告した。 その後、インターネット上でわいせつ動画を頒布する大手Webサイトとして有名なPornhubの運営会社であるMindGeek社の社員がこのバグを修正しないようコメントした。... 続きを読む

WebSocket大合戦：Clojure、C++、Elixir、Go、NodeJS、Ruby | プログラミング | POSTD

2016/10/11 566 users Elixir nodeJS Clojure POSTD 言語

Webアプリにリアルタイムの双方向通信が必要な場合、WebSocketを選ぶのは自然なことです。では、どのツールでWebSocketサーバを構築すべきでしょうか。本記事では、Clojure、C++、Elixir、Go、NodeJS、Rubyのそれぞれの言語で実装されたシンプルなWebSocketサーバを比較します。Webアプリにリアルタイムの双方向通信が必要な場合、WebSocketを選ぶのは自然... 続きを読む

サーバからクライアントに送信する技術 - WebSocketを中心に - Qiita

2016/08/24 822 users Qiita ボーリング http プロトコル レスポンス

Webでのプッシュ技術 HTTPはクライアント（ブラウザ）からリクエストしてサーバからレスポンスが返る一問一答型のプロトコルなので、基本的にはサーバ側からブラウザに新着情報をリアルタイムで通知（プッシュする）できるようにはできていません。 しかしそれでもプッシュをしたいという場合にどうするかという話が出てきます。やり方には以下のようなものがあります。 ポーリング クライアントからサーバに定期的に新... 続きを読む

オープンソースなリアルタイムチャットシステム "respass" を3週間で作った - Sketchglass Blog

2016/07/17 227 users GitHub https ソースコード オープンソース 3週間

2016 - 07 - 17 オープンソースなリアルタイムチャットシステム "respass" を3週間で作った WebSocketを用いた オープンソース なリアルタイムチャットシステムrespassをリリースしました。 TL; DR 無職2人が3週間で https://respass.sketch-glass.io/ を作りました。 ソースコード は GitHub 上で公開されています。 gi... 続きを読む

Docker と ECS と WebSocket で最強のリアルタイム・マルチプレイ環境を運用 | GREE Engineers' Blog

2016/06/10 185 users バックボーン ECS Docker AWS ECS プレイヤー

概要 AWS ECS でマルチプレイゲーム用インスタンスの管理すると限りなく最強。 はじめに リアルタイム・マルチプレイゲームを作る時、まず考えられることは、あるプレイヤーの行動や状態が他のプレイヤーに伝わることではないかと思われます。しかし、スマートフォンアプリは不安定であったり、複数端末同士で(基地局やバックボーンを介さずに)物理的に直接接続することは出来ませんし、理論的にできたとしても、 だ... 続きを読む

WebSocketには注意が必要 | プログラミング | POSTD

2016/02/01 372 users POSTD プログラミング 注意

近い将来WebSocketがRailsで使用できるようになると聞くと、デベロッパはみんな舞い上がって興奮します。 しかし、(http://www.hanselman.com/blog/YourUsersDontCareIfYouUseWebSockets.aspx)。 *近い将来WebSocketがRailsで使用できるようになると聞くと、デベロッパはみんな舞い上がって興奮します。 しかし、 あな... 続きを読む