通信 on akky@サイボウズラボ・ブログ

Googleと通信する度に音を鳴らすツール

Tue, 23 Aug 2022 00:00:00 +0000

berthubert/googerteller は、Googleとの通信を可視化(可聴化?)するオープンソースのツールです。

ツールは tcpdump で出力した通信先のIPアドレスを、既知の Google サーバー群の IPアドレスとパターンマッチし、オーディオライブラリのespeak-ng/pcaudiolib で音を鳴らすという仕組みで動いています。

作者の Bert Hubert さん自身が、オランダ政府サイトの求職ページを開いた時にどれだけの通信が Google との間で発生しているかを twitter で見せてくれています。

ブラウザのアドレスバーでの文字入力時の音はキーワード予測、Google検索の時の音はもちろん、ボタン上でホバーした時やページ遷移した時の音は Google Analytics でしょうか。

便利な機能を提供するために必要な通信ですし、サービス提供側や広告ネットワークからユーザーの属性を知るために集められる通信もあるでしょう。多数の通信が発生していることは多くの人が知っているでしょうけれど、その頻度が音という形に変換されると、多いなとか意外に少ないなとかは人によって異なるでしょうが、通信があるということ自体は意識させられます。

via Hacker News

Pixels - Bluetooth通信するTRPG用電子サイコロ

Fri, 14 May 2021 00:00:00 +0000

Pixels 電子サイコロは、スマートフォンと連動する光るサイコロ。

よくある6面体のサイコロだけでなく、TRPG(ロールプレイングゲーム)などで使われる4面体や20面体などのセットで揃っています。

Bluetooth でつながっているため、出した目の状態はリアルタイムでアプリ側で確認することができます。

充電も専用ケースに置くだけ。

クラウドファンディングサイト Kickstarter で寄付を募っていましたが、短期間で目標を達成したところ。最初からPCやインターネット上でゲームしている人にとっては無駄で無意味に見えるかもしれませんが、ボードゲーム・テーブルゲームからこの世界に入った人たちにとっては、実際にサイコロを振るということに意義も魅力もあるのでしょう。

今後一般販売の計画もあるそう。Kickstarter では1個$39 からの価格でした。

光るサイコロも、結果が通信で受け取れるサイコロもこれまで見たことはありますが、充電やwebサービスとの連携など、機能を増やして完成度を高めたガジェットかなと思います。

オープンソースとカスタマイズ

サイコロ側、PC側の両方のソースコードがGitHubで公開されていて、公式がサポートしていなかったり最悪無くなったりしても、新たに他の製品やサービスと接続するコードを書くこともできるとのこと。

たとえば、このソースコード中にはRoll20というオンラインでロールプレイングゲームを遊べるwebサービスに接続するためのChrome拡張がサンプルとして含まれています。手元で本物のサイコロを振ると、結果がこのRoll20 へ送られてそのまま使われるということですね。

via Hacker News

css-only-chat CSSだけで動くブラウザチャット

Wed, 08 May 2019 00:00:00 +0000

ケビン・クッチャさん(Kevin Kuchta)のkkuchta/css-only-chat は、JavaScript を使わない非同期ウェブチャットサーバーです。

二つ(以上)のブラウザからこのサーバに接続し、アルファベットをクリックしてメッセージを作り送信すると、同じサーバに接続した他のブラウザでも即時表示される、いわゆるブラウザチャットです。しかし面白いのは、このページで JavaScript は使われていないというところ。

送信側

CSS の :active 疑似クラスを使うことで、ある領域をクリックした際に、はじめて画像ファイルを読み込ませることができます。つまり、ボタンが押されたタイミングを画像ファイルの読み込みでサーバ側から検知できるということ。

「同じボタンが2度目押された時は(画像はもうブラウザ側にロード済なので)サーバはわからないのでは?」となりますが、たとえば “a"“a” と押した時は、接続しっぱなしの状態で、元のボタンを隠し、新たに「“a"を押した」という情報を持った別の画像ファイル名を持つボタンを表示しているようです。これをすべてのボタンに対して行うことで、ボタンが持つ画像ファイルのパスが、過去のすべてのタイプ内容を保持することになります。

受信側

表示はどうやって更新してるのか、も解説されています。接続しっぱなしの状態で、これまで送った html が不要になったら、style タグを送って過去の要素を display:none で隠し、新たにページ内容を追記します。

これを、自身か他のブラウザから新たなデータが届くまで待機しながら繰り返しているということ。じゃあソースコードはとても長くなるのでは、と思って Chrome でソースを表示しようとしましたが、何も表示されません。Firefox では何千桁もある一行のソースコードを確認できました。

今のところデモサイトは用意されていないので、試すには自分で動かす必要があります。

via Hacker News