haku-maiのブログ

インフラエンジニアですが、アプリも作ります。

javascript

【Flask/Python】Nature RemoをWeb画面から操作するWebサイトを作成する。めっちゃ詳細解説。(OSSとしてgithubに公開)

本記事で行うこと 作成したWebサイトのイメージ 作成したWebサイトのポイント モチベーション Nature Remoとは 概要 余談 Nature RemoのAPI 概要 余談 作成したWebサイトの利用方法 dockerでの起動 Pythonでの起動 テスト済み環境 python部分 Nature RemoのA…

【WebSocket】uvicorn0.13.4を利用してweb chatを作成して、room毎のchatを実現する。(sample codeはgithubで公開)

本記事で行うこと モチベーション 環境 sample code 参考サイト 環境構築 簡単なechoサーバの例 scopeの中身を覗いてみる scopeのheaderをparseする WebSocket Serverのclassを作り汎用化する echoをweb画面に表示する。 WebSocket Clientにブロードキャスト…

xterm.jsの見た目を変更する

本記事で行うこと xterm.jsのterminal optionをつかって見た目を変更してみます。 xterm.jsのインストールやキーボード入力をする方法は以下を参照ください。 n-guitar.hatenablog.com 参考サイト 公式ドキュメント ITerminalOptions 初期状態 初期状態は以…

xterm.jsでキーボード入力を受け付ける方法

本記事で行うこと xterm.jsを利用して、キーボード入力を受け付けるhtmlを作成する。 ※環境はnode.jsを使いますが、最後にCDNサイトを使ってhtmlファイルのみで行う方法も記載しておきます。 モチベーション vscodeのterminalなどで採用されているxterm.jsを…