Merge branch 'master' into wwwecc-google-youtube-live

src/components/en/systems/utol/NotificationHelp.mdx

@@ -6,5 +6,5 @@ import Help from "@components/utils/Help.astro";
   */}
 
 <Help lang="en" support={props.support}>
-  - **The "Linked e-mail address" in the "Forwarding e-mail address" field is not displayed**: This may be due to your email address registered in UTAS not being reflected in the ITC-LMS yet. As it takes a day for it to be reflected, please try again on the following day.
+  - **The "Linked e-mail address" in the "Forwarding e-mail address" field is not displayed**: This may be due to your email address registered in UTAS not being reflected in the UTOL yet. As it takes a day for it to be reflected, please try again on the following day.
 </Help>

src/data/notice.yml

@@ -2,6 +2,10 @@
 
 # contentはMarkdown記法で入力できます．二重引用符はエスケープが必要ですので注意してください．
 # "important: true"を含めるとトップページにより長い期間表示されるようになります（必要な場合に限って利用してください）
+-
+  date: 2024-05-22
+  content:
+    ja: "[UTOLにおける，LINE通知機能の提供開始と利用上の注意事項について](/notice/2024/0522-utol-notification-line)"
 -
   date: 2024-04-26
   content:

src/data/sitemapSections.ts

@@ -32,13 +32,9 @@ export const sitemapSectionsJa: SitemapSection[] = [
     name: "UTAS",
   },
   {
-    patterns: [
-      /^\/itc_lms$/,
-      /^\/lms_lecturers($|\/)/,
-      /^\/lms_students($|\/)/,
-    ],
+    patterns: [/^\/utol($|\/)/],
     depth: 3,
-    name: "ITC-LMS",
+    name: "UTOL",
   },
   {
     patterns: [/^\/zoom($|\/)/],
@@ -140,13 +136,9 @@ export const sitemapSectionsEn: SitemapSection[] = [
     name: "UTAS",
   },
   {
-    patterns: [
-      /^\/en\/itc_lms$/,
-      /^\/en\/lms_lecturers($|\/)/,
-      /^\/en\/lms_students($|\/)/,
-    ],
+    patterns: [/^\/en\/utol($|\/)/],
     depth: 3,
-    name: "ITC-LMS",
+    name: "UTOL",
   },
   {
     patterns: [/^\/en\/zoom($|\/)/],

src/lib/CleanupIntegration.ts

@@ -2,7 +2,7 @@ import type { AstroIntegration } from "astro";
 import fs from "fs/promises";
 import { basename, extname } from "path";
 import { fileURLToPath } from "url";
-import { walk } from "./util";
+import { glob } from "glob";
 
 const source = [".md", ".markdown", ".mdx", ".astro"];
 
@@ -12,16 +12,15 @@ export function cleanup(): AstroIntegration {
     hooks: {
       "astro:build:done": async ({ dir }) => {
         const path = fileURLToPath(dir);
-        const promises = [];
-        for await (const file of walk(path)) {
+        const files = await glob("**/*", { cwd: path, nodir: true, absolute: true });
+        await Promise.all(files.map((file) => {
           if (
             source.includes(extname(file)) ||
             basename(file).startsWith("_")
           ) {
-            promises.push(fs.rm(file));
+            return fs.rm(file);
           }
-        }
-        await Promise.all(promises);
+        }));
       },
     },
   };

src/lib/RedirectIntegration.ts

@@ -3,7 +3,7 @@ import fs from "fs/promises";
 import matter from "gray-matter";
 import { extname, join, relative } from "path";
 import { fileURLToPath } from "url";
-import { walk } from "./util";
+import { glob } from "glob";
 import { VFile } from "vfile";
 
 const source = [".md", ".markdown", ".mdx"];
@@ -14,12 +14,14 @@ export default function redirect(): AstroIntegration {
     hooks: {
       "astro:config:setup": async ({ updateConfig, config }) => {
         const pages = join(fileURLToPath(config.srcDir), "pages");
-        const promises: Promise<VFile>[] = [];
-        for await (const path of walk(pages)) {
-          if (!source.includes(extname(path))) continue;
-          promises.push(readFile(path));
-        }
-        const files = await Promise.all(promises);
+        const paths = await glob("**/*", { cwd: pages, nodir: true, absolute: true });
+        const files = (
+          await Promise.all(
+            paths.map(async (path) => {
+              if (!source.includes(extname(path))) return null;
+              return readFile(path);
+            })
+          )).filter((file) => file !== null);
         const redirects = files.flatMap((file) => {
           const { redirect_to, redirect_from } = file.data;
           const here =

src/pages/about/index.md

@@ -17,9 +17,9 @@ breadcrumb:
 
 開設後間もなく，有志学生が参加し，現在はオンライン授業やWeb会議に留まらない，本学のICT利用に関する整理された情報発信とサポートを，教職員と学生が協力して行う取り組みになりました．
 
-* 情報システム，サービスに関する技術サポートや質問対応には，本学学生が[コモンサポーター（CS）](cs)として貢献しています．
+* 情報システム，サービスに関する技術サポートや質問対応には，本学学生が[コモンサポーター](cs)として貢献しています．
 * 本サイト内の記事作成や英語化などの業務には，本学学生が[オンライン教育支援サポーター（OES）](oes)として貢献していました．
-* 本サイトの管理やutelecon内の記事作成などの業務には，本学学生がuteleconサポーターとして貢献しています（※uteleconサポーターの説明ページは準備中です）．
+* 本サイトの管理やutelecon内の記事作成などの業務には，本学学生が[uteleconサポーター](us)として貢献しています．
 
 ## 各項目について
 
@@ -45,7 +45,7 @@ uteleconは以下のコンテンツから構成されています．それぞれ
 
 * 東京大学の学生・教職員の方向けのページです．オンライン授業・会議やオンラインを活用した活動で，わからないこと・困ったことがあった場合は，こちらをご覧ください．
 * また，「[サポート窓口](/support)」のページには問い合わせに対応するためのチャットサポートがあります．画面右下のウィジェットのリンク先の「[サポート窓口](/support)」から質問することができます．
-* サポート業務には，本学学生がコモンサポーター（CS）として携わっています．詳しくは「[コモンサポーターについて](cs)」をご覧ください．
+* サポート業務には，本学学生がコモンサポーターやuteleconサポーターとして携わっています．詳しくは「[コモンサポーターについて](cs)」をご覧ください．
 
 ## 外部発表・取材一覧
 

src/pages/about/us.md

@@ -0,0 +1,26 @@
+---
+title: uteleconサポーターについて
+breadcrumb:
+  title: uteleconサポーターについて
+---
+
+<p style="text-align: right">
+ページ作成日：2024年5月29日</p>
+
+## uteleconサポーターとは
+
+uteleconでは，「uteleconサポーター」という学生サポーターを設けています．
+
+uteleconサポーターは，ポータルサイトやサポート窓口の運営を多面的に補助するさまざまな業務に日々携わっています．業務内容は多岐にわたりますが，例えば次のようなものがあります．
+- ポータルサイト内のコンテンツ（日本語・英語）の作成・更新
+- ポータルサイトの設定・管理の補助や，デザイン，機能開発等
+- ポータルサイトで案内される情報システムの機能確認
+- ポータルサイトで案内される説明会等の開催の補助
+- サポート窓口の運営の補助
+- その他内部でのコミュニケーションや運営全般に必要な事務の補助
+
+uteleconサポーターのメンバーとして，現在約30名の本学学生が活動しています．教養学部前期課程から大学院博士課程まで，しかも様々な専門分野から，大学をより良くする取り組みや情報通信技術全般に関心のある学生が集まっています．それぞれの知識・経験・技術を活かしつつ，またそれらを学び合いながら，協力して業務にあたっています．
+
+## 関連組織
+
+uteleconサポーターは，主に東京大学情報システム本部の教職員によって運営されています．その他，本学の情報システムについて専門的な情報やサポートを提供するため，情報基盤センター・情報システム部の教職員やコモンサポーター・ECCS相談員などと連携して活動しています．

src/pages/articles/copyright/educational-use-examples.md

@@ -110,7 +110,7 @@ author:
 [^16]: 運用指針5-6項，9項を参照
 [^17]: 著作権法2条1項15項を参照
 [^18]: 著作権法2条1項7号を参照
-[^19]: 東京大学では，ITC-LMSという学習管理システムを利用しています．
+[^19]: 東京大学では，UTOLという学習管理システムを利用しています．
 [^20]: 著作権法23条2項を参照
 [^21]: 著作権法47条の6第1項1号を参照
 

src/pages/articles/google-form/index.md

@@ -189,7 +189,7 @@ Google フォームでは事前に模範解答を入力しておくことで自
 
 #### 完成したGoogle フォームを共有する
 
-右側の「送信」をクリックし，下図の⻘丸で囲まれたリンクマークをクリックするとリンクが出てきます. このリンクを「コピー」し，ITC-LMSやZoomのチャット欄にペーストして共有します.
+右側の「送信」をクリックし，下図の⻘丸で囲まれたリンクマークをクリックするとリンクが出てきます. このリンクを「コピー」し，UTOLやZoomのチャット欄にペーストして共有します.
 
 大人数の授業の場合には1つのフォームにアクセスが集中すると動作しなくなる可能性があるため，同一のフォームを複数作成，共有して回答をばらけさせるという対策が有効です（350人参加の授業において，3つのフォームを使ってテストを実施した事例があります．詳細は[四本裕子先生のグッドプラクティス](/good-practice/interview/yotsumoto)を参照してください）．
 

src/pages/articles/itc-lms/index.md

@@ -2,6 +2,11 @@
 title: 学習管理システムの概要を知る，ITC-LMSを活用する
 ---
 
+<div class="box">
+
+  現在，東京大学ではITC-LMSに代わって，ほぼ同等の機能を持つ学習管理システム[UTOL](/utol/)が導入されています．こちらの記事にある「ITC-LMS」は適宜「UTOL」に読み替えてご覧ください．
+</div>
+
 ## この記事のハイライト
 学習管理システム(LMS)とはどのようなシステムなのかを紹介します．また, 東大内で主に用いられている学習管理システムである「ITC-LMS」を事例に活用方法を提案します．
 

src/pages/articles/question-tools/index.md

@@ -204,12 +204,12 @@ Slackでは複数の「チャンネル」を作成できるのに対し，LINE
 
 ここでは質問を多く集める必要はなく，補助的に行えればよいという授業で活用できるツールを紹介しています．
 
-#### ITC-LMS（東京大学の場合）などの学習管理システム
+#### UTOL（東京大学の場合）などの学習管理システム
 {:#LMS}
 
-ITC-LMSは東京大学の学習管理システムです．資料・課題の配布や提出，受講者への連絡，テストの実施などの機能があります．
+UTOLは東京大学の学習管理システムです．資料・課題の配布や提出，受講者への連絡，テストの実施などの機能があります．
 
-ITC-LMSには掲示板機能があるため，「質問受付」などといったテーマタイトルで掲示板を開設することで，質問を募集できます．
+UTOLには掲示板機能があるため，「質問受付」などといったテーマタイトルで掲示板を開設することで，質問を募集できます．
 
 （良い点）
 * 全員がメッセージを投稿できるため，受講者同士で解決しあうこともできる．
@@ -220,7 +220,7 @@ ITC-LMSには掲示板機能があるため，「質問受付」などといっ
 * 大講義や初回授業などで多くの学生が一度にアクセスすると，読み込み等が非常に遅くなったり，使えなくなったりする可能性がある（2021年9月現在ではかなり改善され，ほとんど問題なく利用できる）．
 
 （参考ページ）
-* **[ITC-LMS 説明ページ](/itc_lms)**：サービスの概要と基本的な利用方法をまとめています．
+* **[UTOL 説明ページ](/utol/)**：サービスの概要と基本的な利用方法をまとめています．
 
 #### Google Classroom
 {:#GoogleClassroom}

src/pages/articles/slack-communication/index.mdx

@@ -86,7 +86,7 @@ Slackは，リアルタイムでやりとりができるメッセージプラッ
 </figure>
 
 * 招待したい学生のメールアドレスを収集できている場合は，学生のメールアドレスに招待を送ります．ダイレクトメッセージの下にある，**「チームメンバーを追加する」**を押し，招待したい学生のメールアドレスを入力します．
-* リンクで共有する場合は，招待リンクをITC-LMSなどを通じて授業内で共有します（「[招待リンクの共有方法（Slackヘルプ）](https://slack.com/intl/ja-jp/help/articles/201330256-%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%81%AB%E6%96%B0%E8%A6%8F%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E3%82%92%E6%8B%9B%E5%BE%85%E3%81%99%E3%82%8B#u25307u24453u12522u12531u12463u12434u20849u26377u12377u12427)」）．
+* リンクで共有する場合は，招待リンクをUTOLなどを通じて授業内で共有します（「[招待リンクの共有方法（Slackヘルプ）](https://slack.com/intl/ja-jp/help/articles/201330256-%E3%83%AF%E3%83%BC%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9%E3%81%AB%E6%96%B0%E8%A6%8F%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E3%82%92%E6%8B%9B%E5%BE%85%E3%81%99%E3%82%8B#u25307u24453u12522u12531u12463u12434u20849u26377u12377u12427)」）．
     * 招待リンクが外部に流出しないように気をつけると共に，学生にも注意喚起しましょう．
     * 受講者のメールアドレスを公開しない設定を忘れずに行いましょう（設定方法については「[メールの表示の管理（Slackヘルプ）](https://slack.com/intl/ja-jp/help/articles/228020667-%E3%83%A1%E3%83%BC%E3%83%AB%E3%81%AE%E8%A1%A8%E7%A4%BA%E3%82%92%E7%AE%A1%E7%90%86)」を参照してください）．
 * 学生は招待メールのリンクからワークスペースに参加します．
@@ -131,7 +131,7 @@ Slackは，リアルタイムでやりとりができるメッセージプラッ
 
 #### 授業の情報をまとめて一覧性を高める（＃基本情報）
 {:#info_list}
-* ITC-LMSに載せた授業情報を再掲しましょう．
+* UTOLに載せた授業情報を再掲しましょう．
 * 授業資料へのリンクをまとめるなどの活用もできます．
 
 #### 質問を受ける（＃質問）
@@ -199,8 +199,9 @@ Slackは，リアルタイムでやりとりができるメッセージプラッ
     * オンデマンド形式の授業でSlackを使用．Slack上で授業内容に関する質問を募り，Slack上で回答を促しました．対面のときよりも質問が盛んだったようです．Slackでは発言を取り消したり修正したりすることができるので，心理的な負担が少ないとのことでした．
 * [白石忠志先生　法Ⅰ](/good-practice/interview/shiraishi.html)
     * Slackは任意利用としたため，実際に登録した受講生は1割程度でしたが，DMでは非常に多くの質問や相談が寄せられました．他の人の目を気にせずに連絡を取れるという点も，教員への連絡を取りやすくした理由だとのことです．
-    * 授業の5日前にはSlackとITC-LMSに資料をアップロードして，前日の昼までにSlackに質問を送ってもらう工夫をした結果，授業ではその質問への回答や，質問を踏まえた説明ができるようになり，授業の構成にも役立ちました．
+    * 授業の5日前にはSlackとITC-LMS[^1]に資料をアップロードして，前日の昼までにSlackに質問を送ってもらう工夫をした結果，授業ではその質問への回答や，質問を踏まえた説明ができるようになり，授業の構成にも役立ちました．
 
+[^1]: ITC-LMSは，東京大学でUTOL以前に使用されていた学習支援システムです．UTOLとほぼ同じ機能を持っています．
 
 ### お役立ちリンク集
 

src/pages/en/articles/copyright/educational-use-examples.md

@@ -262,7 +262,7 @@ When lecturing, training, or preparing handouts for such facilities, use copyrig
 [^16]: Refer to the operational guideline paragraphs 5-6 and 9
 [^17]: See Copyright Act, Article 2-1-15.
 [^18]: See Article 2-1-7 of the Copyright Act
-[^19]: The University of Tokyo uses a learning management system called ITC-LMS.
+[^19]: The University of Tokyo uses a learning management system called UTOL.
 [^20]: See Article 23-2 of the Copyright Act
 [^21]: See Copyright Act, Article 6-1-1.
 [^22]: See Operational Guidelines 8-9.

src/pages/en/articles/google-form/index.md

@@ -190,7 +190,7 @@ Click on the eye symbol icon on the right (the red circle below) to preview  you
 
 #### Share your Google Form
 
-Click "Send" on the right, and then the link symbol (the blue circle in below) to retrieve the link. You can copy and paste it into the chat box of ITC-LMS or Zoom.
+Click "Send" on the right, and then the link symbol (the blue circle in below) to retrieve the link. You can copy and paste it into the chat box of UTOL or Zoom.
 
 In a large class, it is suggested to duplicate the form for access divide to avoid link breakdown due to heavy internet traffic. For more details, see [Prof. Yotsumoto's Good Practice (only in Japanese)](/good-practice/interview/yotsumoto).
 

src/pages/en/articles/itc-lms/index.md

@@ -2,6 +2,11 @@
 title: Learning about LMS (Learning Management System) and Utilizing ITC-LMS
 ---
 
+<div class="box">
+
+  The University of Tokyo has introduced a Learning Management System [UTOL](/en/utol/) which has almost the same features as ITC-LMS. Please read this article with "ITC-LMS" replaced by "UTOL" where appropriate.
+</div>
+
 ## Highlights of This Article
 
 This article introduces what kind of system Learning Management System (LMS) is. We will also illustrate some potential uses of Learning Management Systems by taking up "ITC-LMS", a Learning Management System mainly used in the University of Tokyo, as a case study.