ManimTube

https://github.com/progate-hackathon-inu

Next.js

GitHub

Python

Docker

PostgreSQL

「Manim」によるコンピューターサイエンス解説動画まとめサイト

土屋啓太

丸山泰明

推しアイデア

「Manim」による美しい動画を用いて、視覚的にComputer Science領域を理解しやすい

作った背景

近年、コンピューターサイエンスの発展が目覚ましいが、初学者からすると、文字だけでの学習は非常に難しいと考えられる。よって、動画による解説記事が効果的だと考えた。

推し技術

・美しくかつ親しみやすいUI(世界的に使われているYoutubeに寄せたデザイン) ・Manimコードを動画変換

プロジェクト詳細

「Manim」を使ったComputer Science解説動画のまとめサイト

概要

3Blue1Brownの動画に用いられていることで知られている、数式や図形、グラフなど数学に関連する美しい動画を作成できる「Manim」 この「Manim」を使ったアルゴリズム動画は、視覚的に理解しやすく、学習をより効率的にすることができる。

(Manim参考例:3Blue1Brown) https://www.youtube.com/c/3blue1brown

使い方

1.投稿された解説動画を視聴して、コンピューターサイエンス領域を学習する。 2.学習して疑問に思ったことをコメント機能で質問 3.分かりやすい動画を見返せるように、いいねボタンでお気に入り登録

より自身の理解を深めたい方は、自身で学んだ内容をOutputするために、記事を書いて、Manimの使い方を参考に動画を作成して投稿する。

頑張ったところ

・学習しやすいように、各ページ見やすいデザインを意識 ・コードから動画を自動で生成できる機能

今後の発展

このアプリの機能を周囲に告知したところ、使いたい!という要望もあったので、運用できるようにしたい。 ハッカソンとしてのチームの目標は達成したが、より多数のユーザーに使ってもらうために、Manimのコード生成をLLMを用いて、自動生成してくれるような機能も付けていきたいと考えている。

土屋啓太

@958d5c69b1992a82