Image for 塾の集団授業スライド作成用Slidevテーマ

塾の集団授業スライド作成用Slidevテーマ

公開日: 2025/8/14
Web開発 Slidev TypeScript Vue.js CSS npm

概要

アルバイト先である塾で、自身が集団授業を行う際、PowerPointなどを利用するのがだるく、Slidevベースのプレゼンテーションをテーマ化。日本語環境のフォント調整や授業テンプレート、再利用可能なVueコンポーネントをまとめ、講師(自分)が内容に集中できる仕組みを提供した。

期間

2025/08-現在（4カ月）

使用技術

  • Slidev — テーマスキャフォールドとレイアウトのカスタマイズ
  • Vue 3 + TypeScript — 授業用コンポーネントとアニメーションを実装
  • npm workspace — テーマの配布とバージョニングを整備

業務領域

  • テーマ開発とコンポーネント設計、スタイルガイド作成
  • npm公開フローの構築とドキュメント執筆

工夫点

  1. 日本語フォントと縦書き要件を満たすSlidevテーマを実装
  2. 授業パターンをコンポーネント化し授業準備時間を大幅削減
  3. CIでのリリース自動化を整備し更新作業を効率化

余談

初めてのnpm公開だったため、バージョニングやCHANGELOG運用を学習しながら運用。バグ修正と授業からのフィードバックをもとに継続改善している。