はじめに

こんにちは、Liberlunaの管理人の人です。
今回は、現在開発中のオンラインチャットサービス「LiberChat」について説明、使用しているフレームワークやライブラリなどを簡単に説明していきたいと思います。

LiberChatとは？

LiberChatは、Denoを採用し9割9分をTypeScriptで記述したオンラインチャットサイトです。
SaaSには「Deno Deploy」・「Replit」、実行に「Deno」・「Node.js」を。
フレームワークに「Fresh」・「Preact」・「Socket.IO」を使用し、CSSでは「Twind」を採用しています。
LiberChatは更新不要のチャットサイトであり、年齢に関係なく誰でも使うことのできるオープンソースのチャットサイトです。

LiberChatを作成しようとした理由

LiberChatを作ろうとした理由は、ぽちが学校で授業中に他のクラスの人と話したいという理由でLiberlunaのLINEグループに提案したのがきっかけです。
提案したその日にすぐnakasyouやameがプログラミングを始めてくれました。
そのほかの理由は既存のチャットサイトにはXSSができたりなどの脆弱性があったりしているからです。
誰とは言いませんが、チャットサイトを作っていてameが様々な脆弱性を見つけています。なので脆弱性が少ないチャットを作ろうと思ったのがきっかけです。

使い方

では、LiberChatの使い方を説明しようと思います
では、ブラウザで「https://liberchat.deno.dev/」にアクセスしてみてください。

上のような画面が出てきたら次は、「Join the LiberChat!」と書かれている下のRoomIDに好きなRoomIDを入力し、Joinを押下してください。既存の部屋がある場合、その部屋に入室し、部屋がない場合は部屋を作成します。
部屋を作成するのはサーバー側で作成するためユーザーの操作は不要です。

そしたら、上のような画面になると思います。この画面になって入室ログが出たら成功です。

終わりに

今回のブログでは、LiberChatについての使用方法を解説しました。ご不明な点がございましたら、「https://liberluna.github.io/contact/」 に詳細を入力していただいたらありがたいです。