通信規格のひとつ。Ajaxに取って変わるものと期待されている。
はじめに Playwrightでは、v1.48.0からWebSocket routingという機能を使ってWebSocket通信をモックしたり通信内容の一部を改変できるようになりました。 動作を試すために実際にサンプルを作ってみたので、サンプルを元にWebSocket routingの機能を紹介します。
ReactでWebSocketのクライアント側を実装する方法 ReactでWebSocketのクライアント側を実装する方法 ReactでWebSocketのクライアント側を実装する方法は比較的シンプルです。 以下に基本的な手順を示します。1. WebSocketクライアントのインストール 最初に、WebSocketを利用するためのライブラリをインストールします。 一般的には、websocketやsocket.io-clientなどが利用されます。 例えば、socket.io-clientを使う場合は、以下のようにインストールします。 npm install socket.io-clientまた…
WebSocketとは 特徴 使用例 WebSocketサーバーとクライアント側の処理の実装例 Java側(サーバー側)の実装例 依存関係の追加 WebSocketハンドラの実装 WebSocketコンフィギュレーション Spring Bootアプリケーションのエントリーポイント クライアント側の実装（JavaScript） ApacheやNginxの設定変更でWebSocketを有効化 Apache HTTP Serverの設定（例） Nginxの設定（例） まとめ WebSocketとは WebSocketは、クライアント（例えばウェブブラウザ）とサーバー間で双方向の通信を可能にするプロト…
TMS WebcoreのWebSocketの扱いのTIPSです。 WebSocketの接続をフロントからかける場合、 接続命令 WS.connect; を行って非同期でOnConnect イベント待ちになります。 ごく普通の話ですが、接続異常の場合リトライをしないと フロントは話が終わってしまいます。 ということでTimerでリトライしますが、ここではまりました。 OnConnect待ちを無視して、Connectをリトライで発行すると いつまでもつながらない状態になります。 なので、Connectからタイムアウトを取って、それから 再度Connectするプログラムにします。 これであれば、サー…
この記事は「フリュー Advent Calendar 2023」13日目の記事です。 qiita.com はじめに 機能 アーキテクチャ構成 フロントエンド S3・CloudFront バックエンド API Gateway・Lambda DynamoDB アプリケーションの実装について ソースコード（抜粋） websocket-api-stack.ts on-message.ts Chat.jsx まとめ はじめに こんにちは、ピクトリンク事業部の竹本です。 最近業務でサーバレスアプリケーションを構築していることもあり、学習の一環としてAPI GatewayのWebSocket APIを用いて…
本記事はUnreal Engineからオープン日本語LLMを使ってみるハンズオンの解説記事です。 導入 大規模言語モデルの発展が目覚ましい昨今、その利用方法を考えたときにNPC（Non Player Character）というのは1つの適応先かと考えています。 少し調べただけでも以下のように興味深い事例がたくさん出てきます。 GPT-4が「マインクラフト」を自動プレイ、どんどん賢くなるAIモデル「Voyager」が発表 Inoworld AI Generative Agents: Interactive Simulacra of Human Behavior 仮想のLLMチャット駆動型ソフトウ…
背景 昨日、こんなエントリーを書きました。 memorandums.hatenablog.com Mac用のレガシーアプリ（V2）のリンクが切れてて困ってますとLeapMotionに送った返事がきたんですね。 返信内容は、V2はCatalina以降のmacosでは動作しない、ということと、最新のV5(Gemini)を使ってくれ、ということでした。 で、もう一度、MacにGeminiを入れてみたんですがやはりWebSocketはオープンされていないわけで。調べると、5.2以降からWebSocket機能が削除されちゃったらしいんですね。色々な理由で。ついでにLeapJSも対応しないと。 ダメだこり…
Next.js + Go + AWS API Gateway で WebSocket API を使って API サーバーからフロントエンドに通知を送る はじめに こんにちは トモニテ でバックエンド周りの開発を行っている rymiyamoto です。 エブリーとして初の試みとなる Tech Blog Advent Calendar 2023 の １日目の記事として参加させていただきました。 毎日他の記事も公開されるので、ぜひチェックしてみてください！ tech.every.tv 今回ですが Next.js + Go + AWS API Gateway で WebSocket API を使ってみ…
TL;DR はじめに 仕様 構成 サーバサイド WebSocket APIの特徴 構築 stack定義 実装の詳細 フロントエンド 使ってみて 最後に TL;DR プランニングポーカーを自作した 技術選定 Amazon API Gateway WebSocket API Lambda はじめに こんにちは、ピクトリンク事業部開発部開発2課、兼お嬢様部のkitajimaです。 私たちのチームは、プロダクトバックログアイテムを見積もる際にプランニングポーカーを活用しています。 メンバーが出すカードによってポイントを決める方法は、平均値、最頻値など様々ですが、私たちのチームでは次のルールでストーリー…
リアルタイムな通信を行う際に何かと活躍するプロトコル WebSocket。 .NETには System.Net.WebSockets として組み込まれており、簡単に使い始めることができる。 しかし、WebSocketにおいて「切断」という概念は取り扱いに注意が必要だ。 本記事ではSystem.Net.WebSocketsが切断をどのように扱っているか見ていく。 WebSocketにおける正しい切断 WebSocket は Socket という名前からも想像できるように、基となるのはTCP Socketだ。 よってTCP Socketを閉じれば切断できるが、これは正しい切断ではない。 RFC 6…
応用情報技術者試験に出たUSER-AGENT、WEBSOCKET、マッシュアップ、メディアクエリの違いを徹底解説！ こんにちは、皆さん！システムエンジニアとして日々の仕事をしながら、こうしてブログを書いています。今日は、高校生の皆さんにもわかるように、ちょっと難しそうな「USER-AGENT」「WEBSOCKET」「マッシュアップ」「メディアクエリ」について一緒に勉強していきましょう！応用情報技術者試験を目指している人にとっても役立つ内容になっているので、ぜひ最後まで読んでくださいね。 USER-AGENTとは？ まずは「USER-AGENT（ユーザーエージェント）」について解説します。USE…
Can we make any smaller opensource LLM models smarter than human? Pythonでクロスプラットフォームなアプリが作れる「Flet」を試す 高性能な日本語SPLADE（スパース検索）モデルを公開しました スクラムにおける開発タスクの予実の乖離をどうするか Open AI Realtime APIで、会話履歴を削除して高額請求を回避したい！【Pythonサンプルコード】 Amazon Bedrock Agents 自律型 AI の実現に向けて: 検討編 【Amazon Bedrock Series #04a】【AWS Black B…
今回は、PLATEAU XR ＆ デジタルツイン ハッカソン2024 に参加してきました！ 久しぶりのハッカソン＆初XR ということで、ハッカソンの様子を書いていきたいと思います。 つくったもの PLATEAU の特徴として、3D都市モデル＋属性情報 が扱えるということで、建物に自分の説明をしてもらおうじゃないかというコンセプトで開始しました。 担当分野 今回は、開発者枠３名＋非開発者枠１名の計４名でのチームを結成してハッカソンに臨みました。 （許可をもらってないので名前は記載しません。Twitterみてください。） 担当 PLATEAU使ってARの人 建物の顔を動かす人（ChatGPT との…
OpenAIのRealtimeAPIを使ったメンタルヘルスサービスってどうなの？実際にあるのかな？ OpenAIのRealtimeAPIを使ったメンタルヘルスサービスってどうなの？実際にあるのかな？ OpenAI Realtime APIの概要 メンタルヘルスサービスへの応用事例 AIセラピストとストレスチェック 具体的な事例 ChatGPTの音声モードとの違い メリット・デメリット メリット デメリット 結論 最近、OpenAIのRealtime APIを用いたメンタルヘルスサービスが注目を集めています。この技術は、リアルタイムでのコミュニケーションを可能にし、メンタルヘルス分野での革新を期…
こんにちは、読者の皆さん！今日はPHPとVerseという技術の連携についてご紹介します。Verseは、主にリアルタイム通信やチャットアプリケーションで使われるバックエンドサービスで、データの効率的なやり取りを可能にします。PHPと組み合わせることで、データの送受信や処理を簡単に行うことができます。この記事では、コード例を交えながら、この連携の基本を初心者向けに解説していきます。 Verseの概要 Verseは、スケーラブルなリアルタイム通信を実現するためのプラットフォームです。これにより、クライアントとサーバー間でリアルタイムのデータ共有が可能になります。たとえば、チャットアプリケーションやオ…
こんにちは、皆さん！今回は Mojo と PHP を連携させる方法について紹介します。Mojoは、強力なリアクティブプログラミングツールであり、イベント駆動型アプリケーションの開発に適しています。この技術をPHPと組み合わせることで、Webアプリケーションのリアクティブな部分を強化し、より動的なユーザー体験を提供することができます。 PHPはサーバーサイドのスクリプト言語として広く使用されていますが、MojoとPHPを連携させることで、リアルタイムの非同期処理やイベント駆動型の通信を実現できます。今回は、その基本的な連携方法をコードで具体的に説明しながら、初心者にもわかりやすく解説していきます…
こんにちは、みなさん。今日は、PHPとVerseを連携させる方法についてお話ししたいと思います。PHPは、Webアプリケーションの開発で多くの人に親しまれているサーバーサイドのスクリプト言語です。一方で、Verseは新たに登場したプログラミング言語で、リアクティブプログラミングやデータ駆動アプリケーションに適したパフォーマンスとモダンな開発体験を提供します。 PHPとVerseを連携させることで、既存のPHPコードベースにVerseの持つ先進的な機能を組み込み、パフォーマンスや開発効率を向上させることができます。それでは、具体的な手順と実装例を見ていきましょう。 なぜPHPとVerseを連携さ…
2024年6月20日に『深掘りRubyKaigi 2024 with kateinoigakukun & ledsun & remore』を開催しました。イベントの内容をほぼ全文文字起こし形式でお届けします。この記事は第2部です。 hey.connpass.com イベントのアーカイブはYouTubeでも公開しています。 登場人物 ゲスト kateinoigakukun/齋藤さん ledsun/中島さん remore/澤田さん STORES fujimura/藤村 大介 mame/遠藤 侑介 ブラウザでRubyを動かすことに興味を持ってくれるといいな fujimura：次はledsunさんにお…
OBS Studioに関するメモを書いてる記事 ※「OBS Studioに関する個人的メモ」を移転しました。(現在は閲覧不可) 記事投稿日 2021年10月6日、最終更新日 2024年10月12日 15時40分頃 文字数が凄く多いのでブラウザの検索機能をお使いください。 記事が見にくくて申し訳ありません。 (将来的に内容を細かく分けて記事にしたいと思っています。) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境を使用して作成しています。 ※Linux、特定のデバイスが無いと表示されないソースのことはメモしていません。…
これまで、SwitBotの温湿度計を使って自宅の各所の温度湿度をAWSのS3にストアするようにできてました。 osamuk.hatenablog.jp osamuk.hatenablog.jp で、その温度湿度計測データをS3保存だけでなく、自宅ラズパイでGrafana+Influxdbのダッシュボードに表示できるようにしようと。 今回もほぼ全編他力本願で作り、結果こんな感じにできました。 これを作るにあたって、せっかくSwitchBotのWebhookでデータ更新のあったタイミングで通知してもらえているので、ラズパイ側からポーリング的にデータを取りに行くのではなく、WebSocketでAWS…
お疲れさまです！ ブログ書くまでがYAPCということでやっていきます。 yapcjapan.org 前夜祭 前夜祭ではガラナを受け取って早速北海道に来た感が出ておりました。この後アンカファレンスという形で会が始まり、序盤はmoznionさんやpasta-kさんの話を聞いてたんですが、目線が合ってしまい私も壇上に上がることに。AIとか色々重いテーマでしたが、わりかし今自分が他人と話したいことが話せてよかったかと思います。文芸的プログラミングのくだりとかまさにそうですね。 そのあとは基本的には後ろで話したり（声がもし大きかったらすみませんでした）、別室に移動してきた人と話していました。 懇親会が終…
Software Design 2024年10月号を読んで、ちょこっとずつ感想を書いてます。 gihyo.jp 表紙 第1特集 事例に学ぶ 再考 設計ドキュメントの課題 二重管理しない、陳腐化させない 第1章：受託開発における設計ドキュメントの課題と解決案 作成・管理のヒントを探る ......真野 隼記 あ…うーん…開発チームの状況が多様なのはめっちゃわかります…。 昔のことを思い出す感じですが……孫請だったからなー。 ドキュメントは、チーム全体のスキルの下限を上に押し上げてくれる効果ありますよね。当時はわからなかったけど、今は想像がつくようになりました。 あ…うーん……OpaneAPI G…
LLMの日本語ロールプレイ能力を計測するベンチマーク「Japanese-RP-Bench」の概要と評価結果などのまとめ LLM-jp-3 を LLM Farm を使って iPhone で動かす Logic-of-Thought: Injecting Logic into Contexts for Full Reasoning in Large Language Models Evaluating the Effectiveness of LLM-Evaluators (aka LLM-as-Judge) 世界一の日本語性能を持つ企業向け大規模言語モデル「Takane」を提供開始 リコー、モデル…
TypeScriptとPythonの連携について徹底解説 TypeScriptとPythonは、それぞれ異なる特徴と強みを持つプログラミング言語です。TypeScriptは、JavaScriptに型付け機能を追加した言語であり、フロントエンドやサーバーサイド開発でよく使われます。一方で、Pythonはその柔軟性と豊富なライブラリにより、データ分析や機械学習、スクリプト言語として幅広い分野で利用されています。 これら2つの言語を組み合わせることで、フロントエンドでTypeScriptを使い、バックエンドやデータ処理にPythonを使うといった高度なシステムやアプリケーションの構築が可能です。本記…
atmarkit.itmedia.co.jp
qiita.com
postd.cc
weble.org
blog.agektmr.com
builder.japan.zdnet.com
devpixiv.hatenablog.com
www.slideshare.net
postd.cc
