mf98

docusaurus.config.js

@@ -12,9 +12,9 @@ const darkCodeTheme = themes.dracula;
 /** @type {import("@docusaurus/types").Config} */
 const config = {
   title: "あなたのためのプログラミング",
-  tagline: "ut.code(); 第75回駒場祭企画",
+  tagline: "ut.code(); 第98回五月祭企画",
   favicon: "/img/favicon.svg",
-  url: "https://kf75.utcode.net",
+  url: "https://mf98.utcode.net",
   baseUrl: "/",
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: "throw",

src/exhibitions.ts

@@ -26,19 +26,19 @@ type Exhibition = {
 
 export const exhibitions: Exhibition[] = [
   {
-    disabled: true,
-    title: "AIとオセロ",
+    title: "Shortcut Puzzle",
     image: {
-      src: "img/othello.png",
-      alt: "オセロのイメージ",
+      src: "img/shortcut.png",
+      alt: "Shortcutゲームのイメージ",
     },
     description: `
-    6 × 6マスのちょっと小さいオセロで、AIと対戦してみましょう！勝つのはちょっと難しいかも！？オセロを通じて「AIと対戦する楽しさ」や「AIがどのようなものかを理解するきっかけ」にもなります。さあ、あなたの戦略でAIを打ち負かしてみませんか？
+    あなたは普段ショートカットキーを使ってますか？いつも多用している方も初めて聞いた方も、ショートカットを魔法のように操りましょう！2Dアクションパズルゲームの「Shortcut Puzzle」をぜひ遊んでみてください！ 
+
 				`,
-    url: "https://othello.utcode.net/",
+    url: "https://shortcut-game.utcode.net/",
     isNew: true,
     target: "どなたでも",
-    takes: timeEst.short,
+    takes: timeEst.med,
   },
   {
     title: "はじめてのプログラミング 迷路",
@@ -54,6 +54,21 @@ export const exhibitions: Exhibition[] = [
     target: "小学生以上におすすめ",
     takes: timeEst.med,
   },
+  {
+    // disabled: true,
+    title: "AIとオセロ",
+    image: {
+      src: "img/othello.png",
+      alt: "オセロのイメージ",
+    },
+    description: `
+    6 × 6マスのちょっと小さいオセロで、AIと対戦してみましょう！勝つのはちょっと難しいかも！？オセロを通じて「AIと対戦する楽しさ」や「AIがどのようなものかを理解するきっかけ」にもなります。さあ、あなたの戦略でAIを打ち負かしてみませんか？ ※iPhone/iPad/Macでは動作しない可能性があります
+				`,
+    url: "https://boardgame.utcode.net/",
+    isNew: false,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
   /*
   {
     title: "ブロックプログラミングで並び替え",
@@ -73,20 +88,20 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
   },
   */
 
-  {
-    title: "Blosite",
-    image: {
-      src: "img/blosite.png",
-      alt: "blosite のイメージ",
-    },
-    description: `
-    ブロックプログラミングで自分だけのウェブサイトを作りましょう！豊富なチュートリアルがあるので、プログラミングが初めての方でも楽しめます。作ったサイトはBlosite内で共有することもできます！他の人に作ったウェブサイトを自慢しちゃいましょう〜
-			`,
-    url: "https://blosite.utcode.net",
-    isNew: true,
-    target: "小学生以上におすすめ",
-    takes: timeEst.med,
-  },
+  // {
+  //   title: "Blosite",
+  //   image: {
+  //     src: "img/blosite.png",
+  //     alt: "blosite のイメージ",
+  //   },
+  //   description: `
+  //   ブロックプログラミングで自分だけのウェブサイトを作りましょう！豊富なチュートリアルがあるので、プログラミングが初めての方でも楽しめます。作ったサイトはBlosite内で共有することもできます！他の人に作ったウェブサイトを自慢しちゃいましょう〜
+  // 		`,
+  //   url: "https://blosite.utcode.net",
+  //   isNew: true,
+  //   target: "小学生以上におすすめ",
+  //   takes: timeEst.med,
+  // },
   {
     title: "ひとり麻雀",
     image: {
@@ -99,27 +114,27 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
         そこで、「ひとり麻雀」では平面の牌効率だけのパズルとしてもっと簡単に遊べるようにしました。
 			`,
     url: "https://mahjong.utcode.net/",
-    isNew: true,
+    isNew: false,
     target: "中高生以上におすすめ",
     takes: timeEst.short,
   },
-  {
-    title: "競馬AI",
-    image: {
-      src: "img/horse.png",
-      alt: "競馬のイメージ",
-    },
-    description: `
-      競馬をAIで予測しようというのがこのプロジェクトが発足した理由です。
-      そしてこのサイトではそのAIと対戦をしたり、AIの学習に使われたデータについて閲覧することが出来ます。
-      AIとの対戦ではランダムで出てくる過去データをもとに順位の予想勝負をしてもらいます。
-      ハイスコアを出すとランキングボードに乗ることが出来るのでぜひ頑張ってください。
-			`,
-    url: "https://keiba.utcode.net/",
-    isNew: true,
-    target: "中高生以上におすすめ",
-    takes: timeEst.med,
-  },
+  // {
+  //   title: "競馬AI",
+  //   image: {
+  //     src: "img/horse.png",
+  //     alt: "競馬のイメージ",
+  //   },
+  //   description: `
+  //     競馬をAIで予測しようというのがこのプロジェクトが発足した理由です。
+  //     そしてこのサイトではそのAIと対戦をしたり、AIの学習に使われたデータについて閲覧することが出来ます。
+  //     AIとの対戦ではランダムで出てくる過去データをもとに順位の予想勝負をしてもらいます。
+  //     ハイスコアを出すとランキングボードに乗ることが出来るのでぜひ頑張ってください。
+  // 		`,
+  //   url: "https://keiba.utcode.net/",
+  //   isNew: true,
+  //   target: "中高生以上におすすめ",
+  //   takes: timeEst.med,
+  // },
   {
     title: "ハッカーになろう",
     image: {
@@ -134,4 +149,32 @@ Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eos sint est omnis inc
     target: "大人向け",
     takes: timeEst.long,
   },
+  {
+    title: "新歓ハッカソン作品",
+    image: {
+      src: "img/newcomers-hackathon.png",
+      alt: "ハッカソンのイメージ",
+    },
+    description: `
+    2024年5月に開催された新歓ハッカソンで、新入生たちがわずか2日間で作り上げた個人開発作品の展示です。ゲームやツール、学習コンテンツなど多彩なジャンルの中に、発想と技術の光る作品が勢ぞろい！初めての開発とは思えない完成度をぜひご覧ください。
+			`,
+    url: "/hackathon",
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.med,
+  },
+  {
+    title: "Falling Nikochan",
+    image: {
+      src: "img/nikochan_tetoris.webp",
+      alt: "Nikochanのイメージ",
+    },
+    description: `
+    シンプルでかわいいリズムゲーム (音ゲー) です。 PC だけでなくタブレットやスマートフォンなどでも手軽に遊べます。さらに、アカウント登録やログイン不要で誰でも譜面を作成することができます。
+				`,
+    url: "https://nikochan.utcode.net/?fes=mf98", // クエリパラメータで戻るボタンの表示が変わるようになっています
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
 ];

src/hackathon.ts

@@ -0,0 +1,146 @@
+type TargetAge =
+  | "どなたでも"
+  | "小学生以上におすすめ"
+  | "中高生以上におすすめ"
+  | "大人向け";
+const timeEst = {
+  short: "5分程度",
+  med: "15分ほど",
+  long: "30分〜",
+} as const;
+type TimeEst = (typeof timeEst)[keyof typeof timeEst];
+
+type Exhibition = {
+  title: string;
+  image: {
+    src: string;
+    alt: string;
+  };
+  description: string;
+  url: string;
+  isNew: boolean;
+  target: TargetAge;
+  takes: TimeEst;
+  disabled?: boolean;
+};
+
+export const exhibitions: Exhibition[] = [
+  {
+    title: "タイピングゲームとブロック崩しを組み合わせたゲーム",
+    image: {
+      src: "../img/typing-breakout.webp",
+      alt: "タイピングゲームとブロック崩しを組み合わせたゲームのイメージ",
+    },
+    description: `
+      ブロック崩しとタイピングを織り交ぜました。
+
+      ぜひ僕の記録を超えてください　※ページの表示に時間がかかる場合があります
+  		`,
+    url: "https://typing-3anr.onrender.com/",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "ピクセルアート",
+    image: {
+      src: "../img/pixel-art.webp",
+      alt: "ピクセルアートのイメージ",
+    },
+    description: `
+      ピクセルアートが書けちゃうものです。自由に好きな絵を書いてみてください！　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://pixelart-t3mu.onrender.com",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "玉避けゲーム",
+    image: {
+      src: "../img/tamayoke.webp",
+      alt: "玉避けゲームのイメージ",
+    },
+    description: `
+    球を避け続ける、ただそれだけのゲームです。 少しやってみたところ思っていたよりも難しく、40秒以内に終了してしまいます。 １分以上避け続けることができたら反射神経がきっとかなり良いです。
+
+    ＊ちなみにマウスカーソルをキャンバス上から外すと無敵になるという基本的な欠陥に完成してから気づきました。　※ページの表示に時間がかかる場合があります
+				`,
+    url: "https://hack-s3es.onrender.com/",
+    isNew: true,
+    target: "どなたでも",
+    takes: timeEst.short,
+  },
+  {
+    title: "Scoundrel",
+    image: {
+      src: "../img/scoundrel.webp",
+      alt: "scoundrelのイメージ",
+    },
+    description: `
+    1人用トランプゲームのScoundrel(悪党)を再現しました．本来のルールですと非常に高難易度でしたのでオリジナルでスキル機能をつくりました．ルール説明も設けましたがルールは調べた方がわかりやすいと思います．　※ページの表示に時間がかかる場合があります
+				`,
+    url: "https://scoundel.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.med,
+  },
+  {
+    title: "タイピングゲームと単語クイズを組み合わせたゲーム",
+    image: {
+      src: "../img/typing-and-word-quiz.webp",
+      alt: "タイピングゲームと単語クイズのイメージ",
+    },
+    description: `
+        タイピングゲームと英単語クイズを組み合わせたゲーム。
+
+        英検準一級の単語が表示されて、それをタイピングした後にその意味が選択肢で問われます。制限時間内にできるだけ多く解いきましょう。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://hackerson1.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "WebIMEBuilder",
+    image: {
+      src: "../img/webimebuilder.webp",
+      alt: "WebIMEBuilderのイメージ",
+    },
+    description: `
+      IMEを簡単に自作できるツールです。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://web-ime-builder.pages.dev/",
+    isNew: true,
+    target: "小学生以上におすすめ",
+    takes: timeEst.short,
+  },
+  {
+    title: "ごきげんくん",
+    image: {
+      src: "../img/gokigenkunn.webp",
+      alt: "ごきげんくんのイメージ",
+    },
+    description: `
+      品目と賞味期限を入力し、賞味期限を管理するアプリです。データベースにつながっています。　※ページの表示に時間がかかる場合があります
+		  `,
+    url: "https://stockmanagement-ad9g.onrender.com/",
+    isNew: true,
+    target: "大人向け",
+    takes: timeEst.med,
+  },
+  {
+    title: "Fieldchat",
+    image: {
+      src: "../img/field-chat.webp",
+      alt: "Fieldchatのイメージ",
+    },
+    description: `
+    登録すると謎の空間に送り込まれます。この空間にいる自分以外の●とチャットすることができます。WASDで移動、Enterで話しかけます。●の位置とメッセージは実はリアルタイムで更新されます。　※ページの表示に時間がかかる場合があります
+			`,
+    url: "https://fieldchat2.onrender.com/",
+    isNew: true,
+    target: "中高生以上におすすめ",
+    takes: timeEst.med,
+  },
+];