グッドプラクティスの記事が古い情報に基づいていることを明記

src/components/pages/GoodPractice.tsx

@@ -51,6 +51,7 @@ export const TOOLS = [
   { label: "Scrapbox", value: "scrapbox" },
   { label: "Mixlr", value: "mixlr" },
   { label: "TwitCasting", value: "twitcasting" },
+  { label: "iPad Pro", value: "ipad-pro" }
 ] satisfies (Filter | "br")[];
 
 export const KEYWORDS = [

src/content.config.ts

@@ -123,7 +123,7 @@ const keywordSchema = createEnumFromFilters(KEYWORDS);
 type Keyword = z.infer<typeof keywordSchema>;
 
 const interviews = defineCollection({
-  loader: glob({ pattern: "good-practice/interview/*.md", base: "./src/pages" }),
+  loader: glob({ pattern: "good-practice/interview/*.{md,mdx}", base: "./src/pages" }),
   schema: z.object({
     title: z.string(),
     filters: z.object({

src/pages/good-practice/index.mdx

@@ -8,6 +8,10 @@ breadcrumb:
 import GoodPractice from "@components/pages/GoodPractice";
 import { getCollection } from "astro:content";
 
+import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx";
+
+<ExcuseForAccuracy />
+
 ## はじめに
 
 - このページは，本学で行われたオンライン授業のグッドプラクティスを共有するためのページです．

src/pages/good-practice/interview/higuchi.md → src/pages/good-practice/interview/higuchi.mdx

@@ -14,13 +14,17 @@ componentProps:
   tools: "ITC-LMS, Zoom"
 ---
 
+import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx";
+
+<ExcuseForAccuracy />
+
 ## 授業の基本情報
 
-授業名　　:　刑法第２部<br>
-開講部局　:　法学部<br>
-対象　　　:　学部生<br>
-学生数　　:　約 300 名<br>
-形態　　　:　全てリアルタイム、その録画をオンデマンドで共有<br>
+授業名　　:　刑法第２部<br />
+開講部局　:　法学部<br />
+対象　　　:　学部生<br />
+学生数　　:　約 300 名<br />
+形態　　　:　全てリアルタイム、その録画をオンデマンドで共有<br />
 利用したツール　:
 
 - ITC-LMS: 授業の情報共有、資料・授業の録画配信に利用
@@ -29,12 +33,12 @@ componentProps:
 ## 教員の基本情報
 
 <div style="display: flex;">
-<!--<img src="img/higuchi_1.png" alt="樋口 亮介 先生" height="150">-->
+{/* <img src="img/higuchi_1.png" alt="樋口 亮介 先生" height="150" /> */}
 <div style="padding-left:0px; height:150px; position:relative;">
 <p style="position: absolute; top: 50%; -webkit-transform : translateY(-50%); transform : translateY(-50%); width: 500px;">
-樋口 亮介 先生<br>
-法学政治学研究科<br>
-教授<br>
+樋口 亮介 先生<br />
+法学政治学研究科<br />
+教授<br />
 </p>
 </div>
 </div>
@@ -88,7 +92,7 @@ componentProps:
 授業は 2〜3 部に分けて小休憩を挟んでいたので、Zoom のレコーディングをその都度停止して、動画を 2〜3 部に分けていました。そうすることで、何かトラブルがあっても被害を最小限にできるためです。
 
 <div style="margin:40px 0px">
-<img src="img/higuchi_1.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/higuchi_1.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 ITC-LMS。事前に独自作成した資料を公開し、授業後に録画を公開しました
 </div>

src/pages/good-practice/interview/hirose.md → src/pages/good-practice/interview/hirose.mdx

@@ -14,15 +14,19 @@ componentProps:
   tools: "ITC-LMS, Zoom, LINE オープンチャット"
 ---
 
+import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx";
+
+<ExcuseForAccuracy />
+
 <div class="box">このグッドプラクティスは，2020年度<a href="/events/luncheon/2020-12-15/">オンライン授業情報交換会「第24回 TAを活かした質問の場づくり」</a>にて，廣瀬先生にご登壇いただき，内容をご紹介いただきました．学内限定でランチョンの映像を公開しておりますので，ぜひご活用ください．</div>
 
 ## 授業の基本情報
 
-授業名　　:　固体地球科学<br>
-開講部局　:　理学部・理学系研究科<br>
-対象　　　:　学部生・大学院生（3 年生 8 割、4 年生・大学院生 2 割）<br>
-学生数　　:　約 70 名<br>
-形態　　　:　全てリアルタイム<br>
+授業名　　:　固体地球科学<br />
+開講部局　:　理学部・理学系研究科<br />
+対象　　　:　学部生・大学院生（3 年生 8 割、4 年生・大学院生 2 割）<br />
+学生数　　:　約 70 名<br />
+形態　　　:　全てリアルタイム<br />
 利用したツール　:
 
 - ITC-LMS：東京大学情報基盤センター学習管理システム（教材の配布、課題の提出）
@@ -32,11 +36,11 @@ componentProps:
 ## 教員の基本情報
 
 <div style="display: flex;">
-<img src="img/hirose_1.png" alt="廣瀬 敬 先生" height="150">
+<img src="img/hirose_1.png" alt="廣瀬 敬 先生" height="150" />
 <div style="padding-left:50px; height:150px; position:relative;">
 <p style="position: absolute; top: 50%; -webkit-transform : translateY(-50%); transform : translateY(-50%); width: 500px;">
-廣瀬 敬 先生<br>
-理学系研究科<br>
+廣瀬 敬 先生<br />
+理学系研究科<br />
 教授
 </p>
 </div>
@@ -71,14 +75,14 @@ componentProps:
 ※以下、オープンチャットの画像はイメージです。実際の授業用トークルームの画像ではありません。
 
 <div style="margin:40px 0px">
-<img src="img/hirose_2.png" alt="" width="200px" style="display: block; margin : 0 auto">
+<img src="img/hirose_2.png" alt="" width="200px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （LINE のオープンチャットの「トークルーム」トップページ。学生は「参加」をタップして、ハンドルネームを入力・アイコン画像を選択するだけでルームに参加できます）
 </div>
 </div>
 
 <div style="margin:40px 0px">
-<img src="img/hirose_3.png" alt="" width="200px" style="display: block; margin : 0 auto">
+<img src="img/hirose_3.png" alt="" width="200px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （LINE のオープンチャットの「トークルーム」画面。学生は通常の LINE の「トーク」と同じインターフェイスで、TA に質問を送ることができます）
 </div>
@@ -93,28 +97,28 @@ componentProps:
 本年度は各スライドに少し説明を加えました。オンライン授業の開始当初は、図のスライドだけではなく、板書のかわりになるような、解説を全て書いたスライドも配っていました。ですが、全て書いてしまうと、学生はダウンロードしただけで満足してしまうと考え、途中からは PowerPoint の画面を共有して、白紙のスライドに文字を打ち込みながら解説を行いました。学生が画面を見ながら、内容を自分のノートに書き写すことを想定しました。板書は自分の手で書き写すことが重要なので、授業内で使用した解説スライドは後から共有しませんでした。
 
 <div style="margin:40px 0px">
-<img src="img/hirose_4.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/hirose_4.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （昨年度までのスライド。図だけを載せています）
 </div>
 </div>
 
 <div style="margin:40px 0px">
-<img src="img/hirose_5.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/hirose_5.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （本年度のスライド 1 枚目。昨年度のスライド 1 枚を 2 枚に分割して、図の下に説明を入れました）
 </div>
 </div>
 
 <div style="margin:40px 0px">
-<img src="img/hirose_6.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/hirose_6.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （本年度のスライド 2 枚目）
 </div>
 </div>
 
 <div style="margin:40px 0px">
-<img src="img/hirose_7.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/hirose_7.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 <div style="text-align: center;">
 （板書用スライド。事前に配布した説明書きのない図だけのスライドに、リアルタイムでその地球科学的な意味を書き込んでいきました）
 </div>

src/pages/good-practice/interview/irie.mdx

@@ -13,6 +13,9 @@ componentProps:
   point: "リアルタイム　板書　学生の声による授業改善"
   tools: "ITC-LMS, Zoom, Microsoft OneNote"
 ---
+import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx";
+
+<ExcuseForAccuracy />
 
 import YouTube from "@components/embed/YouTube.astro";
 

src/pages/good-practice/interview/kato.md → src/pages/good-practice/interview/kato.mdx

@@ -14,13 +14,17 @@ componentProps:
   tools: "ITC-LMS, Zoom, TeX, Adobe Illustrator, Mathematica"
 ---
 
+import ExcuseForAccuracy from "@components/ja/ExcuseForAccuracy.mdx";
+
+<ExcuseForAccuracy />
+
 ## 授業の基本情報
 
-授業名　　:　ベクトル解析<br>
-開講部局　:　教養学部（前期課程）<br>
-対象　　　:　学部 2 年生（選択）、工学部の学生も 1 割程度参加<br>
-学生数　　:　約 200 名<br>
-形態　　　:　全てリアルタイム<br>
+授業名　　:　ベクトル解析<br />
+開講部局　:　教養学部（前期課程）<br />
+対象　　　:　学部 2 年生（選択）、工学部の学生も 1 割程度参加<br />
+学生数　　:　約 200 名<br />
+形態　　　:　全てリアルタイム<br />
 利用したツール　:
 
 - ITC-LMS: 学習管理システム（課題の配布、学生へのフィードバック）
@@ -32,12 +36,12 @@ componentProps:
 ## 教員の基本情報
 
 <div style="display: flex;">
-<img src="img/kato_1.png" alt="加藤 晃史 先生" height="150">
+<img src="img/kato_1.png" alt="加藤 晃史 先生" height="150" />
 <div style="padding-left:50px; height:150px; position:relative;">
 <p style="position: absolute; top: 50%; -webkit-transform : translateY(-50%); transform : translateY(-50%); width: 500px;">
-加藤 晃史 先生<br>
-数理科学研究科<br>
-准教授<br>
+加藤 晃史 先生<br />
+数理科学研究科<br />
+准教授<br />
 </p>
 </div>
 </div>
@@ -68,7 +72,7 @@ componentProps:
 配布資料の長さは 300 ページ近くにもなりました。教科書にしたいくらいのボリュームですね。更新を繰り返し、最終的に配布したのは「version6.1」です。ただ、なかなかの自転車操業で、学生が誤植を指摘してくれることもありました。特にこだわったのは「図」で、Mathematica や Adobe Illustrator を使って学生の理解を助けることのできるようなものを多く挿入しました。
 
 <div style="margin:40px 0px">
-<img src="img/kato_2.png" alt="" width="600px" style="display: block; margin : 0 auto">
+<img src="img/kato_2.png" alt="" width="600px" style="display: block; margin : 0 auto" />
 
 <div style="text-align: center;">
 </div>