---
title: "振り返り｜私の高校生活の最初の2年間"
description: "高校生活の最初の2年間を振り返ります。同時に、これは私の北大附中（北京大学附属中学）名誉ディプロマの申請エッセイでもあります。"
author: "xyspg"
lang: "ja"
published: "2023-06-14T14:45:00.000Z"
tags:
  - "日本語"
url: "https://xyspg.moe/blog/ja/looking-back-my-first-two-years-of-high-school"
image: "https://xyspg.moe/images/blog/f8fe4fefa812b97fc3197112a2018f2784ead229-1456x816.png"
translations:
  zh: "https://xyspg.moe/blog/looking-back-my-first-two-years-of-high-school"
  en: "https://xyspg.moe/blog/en/looking-back-my-first-two-years-of-high-school"
---

# 振り返り｜私の高校生活の最初の2年間

## はじめに

一年前、BBSが私にこう尋ねました。「もし私が栄誉ディプロマ（Honor Diploma）を申請するとしたら、どう思う？」と。当時の私の栄誉ディプロマに対する印象は、入学したばかりの頃にRookieの選択肢に答えるために調べた資料のレベルで止まっていました。そして一年後の今日、私は栄誉ディプロマの申請開始の通知を受け取りました。月日が流れるのは早いもので、心の奥底に眠っていた感情や記憶が、次々と脳裏に浮かんできます。

## 壱 · 部活動｜鋭き思考で鏡を砕き、影が未だ見ぬ世界を啓く

入学当初、私は「紅磚（Red Brick）サークル」に加入しました。当時の紅磚は、唯一無二の「レンガ」のような存在でした。それはマイクロ映画サークル「鋼の琴」とは異なる旋律を奏でる、「写真」という分野における純粋な凝視者たちの集まりでした。しかし、静止した画像と流動的な映像の間には、繊細な交錯が存在します。紅磚は写真の熟練度と洗練さで校内の賛辞を得ていましたが、映像制作の領域にはほとんど手を出していませんでした。そして私が、その隙間を埋め、不完全だった部分を補完することになったのです。

![Image](https://xyspg.moe/images/blog/2d187efbc3344d0a8cdb6e4bd81d02a41722df64-1344x896.png)

当時、私にはすでに3〜4年の動画制作経験があり、大小さまざまなプロジェクトを手がけ、一般的な工業用ビデオ編集ソフトウェアにも精通していました。私は紅磚を率いて、映像制作という新たな領域へと踏み出しました。

サークル内部のプロジェクトから始めました。「教師の日 紅磚特別企画インタビュー動画」「Neon Cafe プロモーションビデオ」といった短編動画は、初冬の雪の結晶がサークルの土壌に舞い落ちるように、少しずつ私への信頼を築き上げていきました。

![Image](https://xyspg.moe/images/blog/c0efcaabb9d85155d4e0e006d0cf70caff36b90a-3716x2452.png)

高1の夏、北大附中恒例の「サッカー杯」がやってきました。その年のサッカー杯は、紅磚にとって大きな挑戦でした。学校公式の年間サッカー杯プロモーションビデオ（PV）とドキュメンタリーの制作という重責を引き受けたのです。そして私は、その2本の動画の編集責任者を務めました。

チームメンバーとの議論の中で、過去のPVのスタイルを把握しました。その多くは同じテンプレートに従っていました。グラウンドでの固定された練習風景、何人かの生徒の抱負インタビュー、そして最後にチーム全員で円陣を組んで優勝への決意を叫び、熱血なBGMで締める。素晴らしいと思いませんか？ ええ、確かにそうです。このようなPVは、間違いなく一つの「模範解答」でしょう。しかし問題は、観客がすでに「見飽きている」ということでした。毎年「新瓶に旧酒を盛る」ようなもので、現場の雰囲気を煽るには良いかもしれませんが、観客の心に真に印象を残すのは困難です。サッカー自体にあまり興味のない生徒にとっては、退屈に感じられるかもしれません。

そこで、私たちは新しい試みをすることにしました。従来の「固定テンプレート」を捨て、サッカー杯そのものを強調するのではなく、映像言語を通じてサッカーというテーマを表現しようと試みたのです。2018年のApple発表会のクリエイティブを参考に、どんでん返しが続く、手に汗握るストーリーを構築しました。

> 開会式が目前に迫る中、司会者の「劉さん」に「サッカーボール」を届ける担当のA君が遅れてやってくる。彼はボールの入った箱を抱えて全力で疾走する。

![Image](https://xyspg.moe/images/blog/93a3fd0fce27645d8e1a23b8353407064b4d425c-2574x1350.jpg)

> 約束の場所に到着したものの、「劉さん」の姿がない。確認すると、「劉さん」から新しい場所——グラウンドへの案内が届く。

![Image](https://xyspg.moe/images/blog/3b100cba8c9062bb5a4f9191f5636e6013e51686-2546x1344.jpg)

> 「警備員」の制止や通路の封鎖など、数々の困難を乗り越えてようやくグラウンドに辿り着いたA君。しかし、やはり「劉さん」は見当たらない。再度確認すると、劉さんが送った位置情報は地下の欣健体育館だった——垂直位置で見ると、ちょうどグラウンドの真下だったのだ。

![Image](https://xyspg.moe/images/blog/fd45c4cc9e8baf1f2930d5e7d47423a28881b0f4-2544x1318.jpg)

![Image](https://xyspg.moe/images/blog/b9cfbf3b9ee1ae89ff1738fc0578521721650093-2520x1322.jpg)

> A君が急いで地下へ向かうと、さらなるアクシデントが。不注意で転倒し、ボールがちょうどエレベーターの中に「蹴り」込まれてしまう。

![Image](https://xyspg.moe/images/blog/2a1bec5e4db9acf1315e256e3e893f5c89a19a85-2518x1304.jpg)

> 驚いたことに、地下2階で待っていた「劉さん」がちょうどエレベーターの前に。扉がゆっくりと開き、ボールを届ける任務は「無事完了」する。

![Image](https://xyspg.moe/images/blog/f7ac2155a32185f83197ec3bb8993f200c95e8ea-2524x1332.jpg)

> [全編を見る](https://www.bilibili.com/video/BV1Ci4y1C72J)

このPVにおいて、私は主要なプロデューサーの役割を担いました。脚本作成、カット割り設計、中期撮影、そして最終的な編集に至るまで、すべて一人で担当しました。私たちは一丸となって、紅磚初のPV制作という試みに対し、素晴らしい回答を出しました。サッカー杯開会式での反応を見る限り、皆この斬新な「PV」の形式に驚き、喜んでくれました。

![Image](https://xyspg.moe/images/blog/ad2ebe7c66f0ec9769c9fe35141cc22fc1fd8484-1578x628.jpg)

続くサッカー杯ドキュメンタリーでは、私たちは革新的にも観客、撮影スタッフ、先生、ボランティアといった「傍観者」の視点から切り込み、彼らの目線でこのサッカー杯の物語を描き出しました。アスリート以外にも、舞台裏で働くスタッフたちの物語もまた、記録に値するものです。編集過程では、様々な人物のストーリーを織り交ぜ、最後に視点をアスリート自身に戻しました。全編にハイスピード撮影（スローモーション）の手法を用い、詩的な物語を構築しました。

このドキュメンタリーは多方面から熱烈な賛辞を受けました。最も顕著な成果は、その後のサッカー杯の「2本の動画（PVとドキュメンタリー）」の制作が紅磚に託されるようになったことです。紅磚サークルは、学校のために映像を制作するという責任を、徐々に仕組み化された形で担うようになりました。私は翌年のサッカー杯の制作には関わりませんでしたが、後輩たちが紅磚の高い基準を維持し続けているのを見て、「歴史を創った」ような感慨にふけりました。

また、紅磚サークルの中心メンバーの一人として、他にも大小さまざまな業務を担当しました。例えば「写真」の面では、《追光》演劇の撮影、演劇祭の宣材写真、バスケットボール杯の開会式といった紅磚の「本職」を担当しました。さらに、紅磚がスキャンした古い写真のアーカイブ整理、SONYとの提携資料の整理、校友日の展示設営なども行いました。

![Image](https://xyspg.moe/images/blog/b4f7df9cb5c2f116677f1672a6a32056cea37381-1640x2218.jpg)

![Image](https://xyspg.moe/images/blog/a5f170d9196b2b42c750fa845c44981bae470826-1450x978.jpg)

## 弐 · 書院｜新民の調べ、宣伝は終わらない

「寛容でありながら思想は独立し、優秀でありながら品格を永遠に保つ」

![unicorn](https://xyspg.moe/images/blog/9863c4a8fccae6c1b4171a5da99aa268033a6fa6-2386x1336.jpg)

新民書院（ハウス）は、寛容な存在です。新民書院というコミュニティは、私が最初に入った大きな集団でした。一週間の入学教育を経て、私は深く惹かれ、次第にこの集団を愛するようになりました。この大家族の温かさに包まれる中で、私も自分を育ててくれた土壌にできる限りの恩返しをしたいと考え、自分の特技を活かして**宣伝プロジェクトチーム**に加入しました。

入学教育の過程で、私はクラスメートと共に書院の入学ドキュメンタリー制作を担当しました。これは私の高校生活における最初の共同作業であり、その一刻一刻を大切にしました。その後も活動の中で多くの貢献をしました。動画編集のスキルを活かし続け、バスケットボール杯のPVではエフェクトと編集を担当し、演劇祭のドキュメンタリー制作などにも参加しました。

![Image](https://xyspg.moe/images/blog/0bf8b90e176628315cffcca5767a0df0c9f125d3-854x414.jpg)

高1の後半、代替わりの時期が来ました。宣伝プロジェクトチームの主力メンバーとして、私はプロジェクト責任者の職を引き継ぎ、新民書院の公式WeChat公式アカウントとBilibiliの運営管理を始めました。

![Image](https://xyspg.moe/images/blog/689d2cb42e0e8bb126b8783c60bfcd3e4f0124b3-3000x1690.jpg)

![Image](https://xyspg.moe/images/blog/2d46eee13a4574099980143fff1871bff6881ea7-2764x1220.png)

「大いなる力には、大いなる責任が伴う」。宣伝プロジェクト責任者として、私はこれまで以上にプロジェクトチームの業務に打ち込み、新民書院の対外宣伝を適切に行うとともに、多くの才能ある25期（新入生）のメンバーをこの大家族に迎え入れることができました。

書院の入学教育事務に関しては、他のコアメンバーのように主要な実務を直接担当したわけではありませんが、バックグラウンドから常にプロジェクトチームをサポートしてきました。例えば、新入生募集の記事の公開や修正、外部連絡グループでの新入生とのやり取り、そして正規表現マッチングに基づいた書院サポート用WeChatアカウント「新民咸小魚」の自動応答システムの設計とデプロイを行いました。

![Image](https://xyspg.moe/images/blog/dce8f4c5ce8abd4fd8d38eae2bfb644f78e63bff-972x1152.jpg)

![Image](https://xyspg.moe/images/blog/7b804ca6e4060dadcf5829fbaef4702411a41bcf-1180x628.jpg)

![Image](https://xyspg.moe/images/blog/d83b97547cb9ea0a45a66846f200be5a2e5775f5-642x244.jpg)

## 参 · 技術｜卓越して雲を突き抜け、独自の慧眼を持つ

### BDFZ AI

🔗 [bdfz.app](https://bdfz.app)

北大附中は独特です。ここには固定されたクラスも、担任の先生も、クラスごとのグループチャットもありません。代わりに、移動教室制、シーユエ（希悦）プラットフォーム、ナレッジベースドキュメントが存在します。SubITは学校の中心的なサークルとして、長年にわたり新入生のデジタル入学教育に取り組んできました。しかし、煩雑な制度や資料を前に、新入生は語雀（Yuque）やSharePointといった複数のプラットフォームで情報を検索しなければなりませんでした。

そこで、私は[BDFZ AI](https://bdfz.app/)を開発しました。これは学校のドキュメントを即座に検索し、解説してくれるツールです。

![Image](https://xyspg.moe/images/blog/2f927ce99ac601062fca0e89708b687c55dc4aef-2854x1443.png)

「ChatGPT」のように、生徒はBDFZ AIに質問を投げかけるだけで、校則、生徒手帳、カリキュラム設定、欠席届のフローといった様々な情報を素早く検索・取得できます。新入生も在校生も、このプロジェクトを利用して履修選択、校内施設、イベント予定などの情報を簡単に見つけることができます。

質問例：

![Image](https://xyspg.moe/images/blog/da81ef78b82a81b336f6655102e588c6bbb2f72b-2686x1626.jpg)

![Image](https://xyspg.moe/images/blog/1a091639f1e582b492918ae40542eda04edb0e09-2534x1586.jpg)

![Image](https://xyspg.moe/images/blog/f593853f9481ecbfbd8bb6fb0f12cdde161c348a-2414x1582.jpg)

BDFZ AIのデータセットは、北大附中生徒手帳、高校生事務手帳、本部およびドルトン学院のカリキュラム手帳、北大附中ディプロマ案、サークル運営・管理案を含む一般的なドキュメントリソースをカバーしています。生徒はただ質問するだけで、以前は苦労して様々なナレッジベースを調べる必要があった答えを得ることができます。

![Image](https://xyspg.moe/images/blog/28333e8537f97214dc8bbe7af28fa762d912570c-1634x1464.jpg)

「ChatGPT」というよりも、「北大附中専用ChatGPT」と言った方が近いでしょう。仕組みを簡単に言えば、学校の「すべての」カリキュラム手帳や生徒手帳、事務手帳などをChatGPTに「読み込ませ」、その上で質問に答えさせているようなものです。しかし、これらのドキュメントを合わせると数十万文字に及び、それらすべてを一度に「読み込ませる」ことは、現在のChatGPTの最大トークン制限（4096トークン）のため、不可能です。

> トークン（Tokens）とは、テキストを単語、句読点、またはその他の言語単位に分割した単位のことです。例えば、「hamburger」という単語は「ham」「bur」「ger」の3つのトークンに分割され、「pear」のような短く一般的な単語は1つのトークンになります。APIリクエストで処理されるトークン数は、入力と出力の長さに依存します。大まかな目安として、英文では1トークンは約4文字または0.75語に相当し、中国語の単語は1つあたり2/3トークン程度に分解されます。

そのため、私はEmbeddings（埋め込み）技術を使用しました。学校のドキュメントとユーザーのクエリを数値ベクトルに変換し、ベクトル空間内での意味的な類似性に基づいて情報検索を行い、ユーザーの質問に最も関連のある部分を探し出します。これにより、クエリとドキュメントの表現が完全に一致していなくても、関連情報を効果的に見つけることができます。その後、BDFZ AIはOpenAI Chat Completion APIを使用して情報の整理、文章の構成を行い、回答を出力します。

> テキストEmbeddingsとは、テキスト間の関連性を測定するツールです。Embeddingは浮動小数点数のベクトルです。2つのベクトル間の距離が関連性を表し、距離が小さいほど関連性が高いことを示します。

例えば、校則に関する質問をすると、まず「昇旗儀式（フラッグセレモニー）」「遅刻」といったキーワードを抽出し、それらのキーワードに最も関連性の高いページセクションをマッチングさせます。

![Image](https://xyspg.moe/images/blog/2e6782860145c23aeaabc2878bc06ca59eff7679-1806x1334.png)

下のコンソールログからわかるように、「昇旗儀式に関連する規定」の類似度は87.3%、「出欠・欠席・遅刻制度に関連する規定」の類似度は80.5%となっています。

![Image](https://xyspg.moe/images/blog/2c8236516e58c2978aa7e3781b6ca2bf00cfdc0b-968x1086.png)

BDFZ AIは、単にドキュメントの内容を探すだけにとどまりません。語雀の検索窓ができること以上のことが可能です。例えば、ドルトン・アカデミー（道爾頓学院）の生徒は1年間の数学を終えた後、高2で「統計学（Statistics）」を学ぶか「微積分（Calculus）」を学ぶかを自由に選択できます。BDFZ AIに「DaltonでStatisticsとCalculusのどちらを履修すべきか？」と尋ねると、こう答えます：

_「それは個人の興味と将来の学習計画によります。統計学に興味があり、大学でも関連する専門分野を学びたいのであれば、統計学を選択すべきです。もし大学で数学、物理学、コンピュータサイエンスといった高度な微積分の習得が必要な専門分野を学ぶ予定であれば、微積分を選択すべきです。なお、微積分を選択するには先にAdvanced AlgebraまたはIntegrated Math HLに合格している必要があります。Statistics IとCalculus 1 SLの紹介も参考にしてください。」_

![Image](https://xyspg.moe/images/blog/e96a980bbf4d9f82215f41283f338af933454185-1534x462.png)

![Image](https://xyspg.moe/images/blog/8c4e7a0b1f5cf5cb4684268c1ca9e3541e118489-2434x918.png)

これらの内容はすべて、BDFZ AIがドルトンの英文ドキュメントの原文から要約したものです。

さらに、BDFZ AIは履修のアドバイスも提供できます。「ドルトンで神経科学（neuroscience）に興味がある」と聞くと、BDFZ AIはドルトンで開講されている「The Aging Brain at the End of the World: Human Society and Senile Dementia（世界の終わりの老いる脳：人間社会と老年認知症）」というコースの履修を提案します。

![Image](https://xyspg.moe/images/blog/49f10226c4a63b59159318c391517f9667a1d793-1590x778.jpg)

これはドルトンの生徒にとって非常に価値があります。国際部での学習において、生徒は自分の専門的な興味や将来の計画に基づいて、カリキュラムを選択し計画を立てる必要があるからです。海外大学への出願を希望し、すでに専攻が決まっている生徒にとって、履修科目はその分野への情熱と能力を示すためのものである必要があります。そのため、履修選択の際には、各科目の解説を注意深く読み、理解し、自分の目標に合致しているかを確認しなければなりません。

しかし、情報量が非常に多く内容も複雑なため、生徒たちはこれらの解説を見つけ出し、理解するために多大な時間を費やす必要があり、それが学習生活において一定のストレスや負担となっていました。そのため、BDFZ AIのようなツールは、即座にドキュメントを検索・解説することで、生徒がより効率的に学習パスや履修選択を計画するのを助け、彼らの専門的な目標や学習ニーズをより良く満たすことができるのです。

BDFZ AIは将来的にAPIを公開し、サードパーティでの利用を可能にする予定です。そうすれば、新民書院の「咸小魚」も、真の意味でのAIへと進化できるでしょう。

現在、BDFZ AIは北大附中の教職員および生徒に対して無料で開放されています。学校用メールアドレスでログインするだけで利用可能です。

![Image](https://xyspg.moe/images/blog/3c86a647eaf5e6d3cebe8c15eac79ca8f87bc1f5-4282x2916.png)

![Image](https://xyspg.moe/images/blog/000cc14869e4b6675b6c5d7a870794c05369184a-478x186.png)

BTW:

> なぜ欲しい内容が検索できないのですか？

> BDFZ AIはデータベース内の学校関連ドキュメントからテキストインデックスを構築しているため、質問に関連する内容が学校のドキュメントに明記されていない場合、正確な回答を返すことができません。また、質問の仕方を変えてみるのも有効です（例：「書院活動室」と「書活」）。それでも解決しない場合は、フィードバックボタンから報告をお願いします。

URL：[https://bdfz.app](https://bdfz.app)

### ELP プロジェクトリスト

🔗 [elp.bdfz.app](https://elp.bdfz.app/)

以前のELP（Experiential Learning Program）プロジェクトリストは、百度網盤（Baidu Netdisk）の共有リンクという形で提供されていました。しかし、非会員だとダウンロードが非常に遅く、コースの詳細も分かりにくいため、ユーザーエクスペリエンス（UX）は決して良くありませんでした。

そこで、ドルトン・アカデミーの依頼を受け、私はELPプロジェクトを展示するウェブサイトを開発しました。各プロジェクトのカテゴリー、場所、費用、宿泊の要否などがメインページに表示され、検索・フィルタリング機能と組み合わせることで、生徒たちは百度網盤のフォルダを一つずつ開いてPDFを読む手間なく、自分にぴったりのプロジェクトを素早く見つけることができるようになりました。

![Image](https://xyspg.moe/images/blog/1bf15dfb1376d50fcb470c91885af13821b45fdc-2590x2140.jpg)

各プロジェクトのカテゴリー、場所、費用、宿泊の要否がメインページに明記されており、検索フィルタリング機能によって、生徒は自分の興味に合ったプロジェクトを迅速に探し出すことができます。

UXを最適化するために、私はNext.jsフレームワークを採用しました。Next.jsはReactベースのJavaScriptフレームワークで、サーバーサイドレンダリング（SSR）をサポートしており、優れた読み込みパフォーマンスを提供します。また、クライアントサイドナビゲーションを実現できるため、ページ遷移時にページ全体をリロードする必要がなく、遷移速度とスムーズさが大幅に向上します。

データベースには、PostgreSQLベースのSupabaseを採用しました。PostgreSQLは、データの整合性と拡張性に優れた高度なオープンソースのリレーショナルデータベースです。Supabaseが提供するグラフィカルなデータベースエディタを利用することで、先生方も簡単に内容の修正やファイルのアップロード、保存を行うことができます。

![Supabase Table Editor](https://xyspg.moe/images/blog/4049b8a226513aa2c788b30c42a6e43a730d8959-2288x926.jpg)

![Supabase Storage](https://xyspg.moe/images/blog/776d337e7eec48d3ef67fe62628afde972af5873-2248x1468.jpg)

また、ドルトン・アカデミーの外国人教師もELPプロジェクトを確認する必要があるため、英語版の追加も依頼されました。多くのウェブサイトが言語切り替え時にページ全体をリロードする必要がありますが、私はNext.jsのi18n（国際化）サポートとSSR機能を活用し、中国語と英語のシームレスな切り替えを実現しました。

![Image](https://xyspg.moe/images/blog/7183c5670a95ecdb272bca1bb696f8122866a6ec-2422x1898.gif)

このウェブサイトは、私がドルトンで開発した最初の本格的なto Cプロジェクトです。ELP発表会でウェブサイトのQRコードが大画面に表示された後、バックエンドの統計ページを開くと、リアルタイムのオンラインユーザー数とアクセス数がどんどん伸びていくのを目の当たりにし、自分自身が「素晴らしいものを構築し、公開している（build and publish wonderful things）」という実感を再び得ることができました。

![Image](https://xyspg.moe/images/blog/055fe8c44612c6e494c7bf674884e72f18e0b522-4098x2474.gif)

### デジタル版「コマンドゲーム」

🔗 [Socket.IOを用いたデジタル版コマンドゲームの実装](https://xyspg.moe/blog/command-game-socketio)

## おわりに

高校2年間の時間を振り返ってみると、自分がいかに多くのことを成し遂げてきたかに驚かされます。書院宣伝プロジェクトチーム、紅磚サークル、そして様々なプロジェクト……最後にいくつか写真を載せておきます——

![Image](https://xyspg.moe/images/blog/0f0d677fc52331029645239b957ad12c47ec2bb1-4032x3024.jpg)

![Image](https://xyspg.moe/images/blog/e361e6cde83c258faf7d9a9d800d57f8461eb0a2-1564x334.jpg)

![Image](https://xyspg.moe/images/blog/066bb29f51d91ab055359cba5742ecb5b41e37fb-1460x454.jpg)

そして最後は——乾杯（Cheers）🎉

![Image](https://xyspg.moe/images/blog/b1a6d058f897efca3668f4e46a92f66fed7c63ad-1791x1119.gif)