ノコギリカップ

TYPRE

https://github.com/kurichi/nomouse-client.git
https://kurichi.github.io/nomouse-client

TypeScript

Python

Docker

Nuxt.js

PostgreSQL

マークアップでスライド作成！

くりち

推しアイデア

共有やプレゼンテーションモードなどもショートカットキーにより可能！現在いるカーソルからスライドを推測して右のプレビュー画面に表示してくれる

作った背景

チーム名「マウス嫌い」にも現れているようにまうすが嫌いなため，マウスを触らずにキーボードだけでスライドを作成したかった

推し技術

Canvas, Monaco-Editor コードを解析しJSONに変換，Canvasに要素を描画していく～～～～！

プロジェクト詳細

タイピングによるプレゼンテーション，TYPRE！

機能
  • マークアップによるスライド作成
  • 作成したスライドによるプレゼンテーション
  • スライド共有

マークアップによるスライド作成

基本的な書き方はエンジニアなら誰でも知ってるマークダウン

書き方の例！ # タイトル - 箇条書き 1. 箇条書き \image url size=(100,200) position=(center,top) 画像（サイズや位置も変更可能！） //コメント（スライドに反映されない） \\改行コード ### 以下ノート など！

↓メインとなる画面 image

作成したスライドによるプレゼンテーション

作成したスライドを全画面表示して発表することも可能！

スライド共有

作成したスライドをみんなに共有したい！ ってときのためにスライド共有機能も実装されている．

技術スタック

フロントエンド
  • Vue3
  • Nuxt3
  • Monaco-Editor
  • Canvas
  • TailWind CSS

バックエンド
  • Python
  • FastAPI
  • Postgresql

その他
  • Docker
  • Conoha VPS
  • Nginx
  • GitHub Pages
  • GitHub Actions

image

リポジトリ

https://github.com/kurichi/nomouse-client.git https://github.com/kurichi/nomouse-server.git

くりち

@Kurichi