Merge branch 'main' into about-us

aster-void · web-flow · commit 23137219a0ea · 2025-04-05T13:18:16.000+09:00
diff --git a/bun.lock b/bun.lock
diff --git a/contents/projects/hackathon/2023-08-17/call-paper.md b/contents/projects/hackathon/2023-08-17/call-paper.md
@@ -3,8 +3,11 @@ title: Call Paper
 date: 2023-08-17
 kind: hackathon
 status: finished
+
 image:
   src: ./call-paper.png
+  position: left
+
 description: 論文の引用関係を可視化できるアプリ
 github: https://github.com/ut-code/call-paper
 website: https://call-paper.pages.dev
diff --git a/contents/projects/hackathon/2023-08-17/denigma.md b/contents/projects/hackathon/2023-08-17/denigma.md
@@ -5,6 +5,8 @@ kind: hackathon
 status: dead
 image:
   src: ./denigma.png
+  position: left
+
 description: "暗号解読ゲーム。シーザー暗号やRSA暗号など、基本的な暗号に触れてみよう！"
 github: https://github.com/ut-code/denigma
 website: https://utcode-denigma.onrender.com/
diff --git a/contents/projects/hackathon/2023-08-17/music-app.md b/contents/projects/hackathon/2023-08-17/music-app.md
@@ -5,6 +5,10 @@ kind: hackathon
 status: finished
 image:
   src: ./music-app.png
+  position: top
+  fit: contain
+  bg: white
+
 description: その日の気分にあった作業用BGMを生成してくれるアプリ
 github: https://github.com/ut-code/music-app
 website: https://ut-code.github.io/music-app
diff --git a/contents/projects/hackathon/2024-06-08/shift-syncer.md b/contents/projects/hackathon/2024-06-08/shift-syncer.md
@@ -3,8 +3,14 @@ title: ShiftSyncer
 kind: hackathon
 status: finished
 date: 2024-06-08
-description: 複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。シフトの希望を出す際に、シフトに入れるか否かだけではなく、積極的に入りたいのか、それとも人が居なかったら入っても良い程度なのかといった事情も勘案できるようになっています。
+description: 複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。
 image:
   src: ./shift-syncer.png
 github: https://github.com/ut-code/ShiftSyncer
 ---
+
+# ShiftSyncer
+
+複数人から登録されたシフトの希望を基に、最適なシフトを作成するアプリです。
+
+シフトの希望を出す際に、シフトに入れるか否かだけではなく、積極的に入りたいのか、それとも人が居なかったら入っても良い程度なのかといった事情も勘案できるようになっています。
diff --git a/contents/projects/hackathon/2024-06-08/typing-script.md b/contents/projects/hackathon/2024-06-08/typing-script.md
@@ -6,6 +6,9 @@ date: 2024-06-08
 description: ソースコードに特化したタイピング練習サイトです。
 image:
   src: ./typing-script.png
+  fit: contain
+  bg: white
+
 website: https://ut-code.github.io/TypingScript
 github: https://github.com/ut-code/TypingScript
 ---
diff --git a/contents/projects/hackathon/2025-02-08/tower-battle/index.md b/contents/projects/hackathon/2025-02-08/tower-battle/index.md
@@ -1,6 +1,6 @@
 ---
 title: Tower Battle
-date: 2025-02-24
+date: 2025-02-08
 kind: hackathon
 status: stable
 image:
diff --git a/contents/projects/hackathon/2025-02-08/tower-battle/thumbnail.png b/contents/projects/hackathon/2025-02-08/tower-battle/thumbnail.png
diff --git a/contents/projects/hackathon/2025-02-22/gemmit.md b/contents/projects/hackathon/2025-02-22/gemmit.md
@@ -0,0 +1,20 @@
+---
+title: Gemmit
+kind: hackathon
+date: 2025-02-22
+status: released
+description: "Git の差分から Gemini がコミットメッセージを考えてくれるツール"
+image:
+  src: ./gemmit.png
+  position: top
+  bg: white
+
+members:
+  - rtakanaka
+tags:
+  - Rust
+  - AI
+
+github: https://github.com/tknkaa/gemmit
+website: https://www.npmjs.com/package/@tknkaa/gemmit
+---
diff --git a/contents/projects/hackathon/2025-02-22/gemmit.png b/contents/projects/hackathon/2025-02-22/gemmit.png
diff --git a/package.json b/package.json
@@ -23,33 +23,33 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "@astrojs/mdx": "^4.2.2",
+    "@astrojs/mdx": "^4.2.3",
     "@astrojs/sitemap": "^3.3.0",
-    "@astrojs/svelte": "^7.0.8",
+    "@astrojs/svelte": "^7.0.9",
     "@date-fns/tz": "^1.2.0",
     "@iconify-json/feather": "^1.2.1",
     "@iconify-json/flowbite": "^1.2.5",
     "@tailwindcss/typography": "^0.5.16",
-    "astro": "^5.5.5",
+    "astro": "^5.6.1",
     "astro-icon": "^1.1.5",
-    "bits-ui": "^1.3.15",
-    "daisyui": "^5.0.9",
+    "bits-ui": "^1.3.16",
+    "daisyui": "^5.0.12",
     "date-fns": "^4.1.0",
     "markdown-to-txt": "^2.0.1",
     "sharp": "^0.33.5",
-    "svelte": "^5.25.3"
+    "svelte": "^5.25.6"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",
     "@biomejs/biome": "^1.9.4",
-    "@tailwindcss/vite": "^4.0.17",
+    "@tailwindcss/vite": "^4.1.2",
     "lefthook": "^1.11.6",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-svelte": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "rollup-plugin-visualizer": "^5.14.0",
-    "tailwindcss": "^4.0.17",
+    "tailwindcss": "^4.1.2",
     "typescript": "^5.8.2"
   }
 }
diff --git a/src/components/ArticleList.astro b/src/components/ArticleList.astro
@@ -87,11 +87,10 @@ const articlesWithExcerpts = await Promise.all(
               fit={article.data.fit}
               src={article.data.image}
               class:list={[
-                "min-h-0 w-full rounded-xl",
+                "aspect-5/3 min-h-0 w-full rounded-xl",
                 !article.data["bg_color"] && "skeleton",
               ]}
               style={{
-                "aspect-ratio": "5 / 3",
                 "object-fit": article.data.fit,
                 ...(article.data.bg_color
                   ? {
diff --git a/src/components/ProjectList.astro b/src/components/ProjectList.astro
@@ -29,22 +29,20 @@ const { projects, variant = "full" } = props;
             height={(600 * 3) / 5}
             class:list={[
               "aspect-5/3 w-full",
-              !project.data.image.bg && "skeleton",
+              project.data.image.fit !== "contain" && "skeleton",
             ]}
             style={{
               "object-fit": project.data.image.fit,
-              ...(project.data.image.bg
-                ? {
-                    "background-color": project.data.image.bg,
-                  }
-                : {}),
+              "object-position": project.data.image.position,
+              "background-color": project.data.image.bg,
             }}
           />
           <div class="p-4">
             <h3 class="text-xl font-bold text-gray-800">
               {project.data.title}
             </h3>
-            <p class="prose mt-2 text-gray-500">
+            {/* h-14: 2 行はいる */}
+            <p class="prose mt-2 line-clamp-2 h-14 text-gray-500">
               {project.data.description.length < 120
                 ? project.data.description
                 : project.data.description.slice(0, 120) + "..."}
diff --git a/src/pages/projects/[...id].astro b/src/pages/projects/[...id].astro
@@ -33,9 +33,16 @@ const { Content } = await render(project);
       <Picture
         loading="eager"
         formats={["avif", "webp"]}
-        class="skeleton w-full object-cover lg:w-150 lg:rounded-2xl"
+        class="skeleton aspect-5/3 w-full object-cover lg:w-150 lg:rounded-2xl"
         alt="プロジェクト画像"
         src={project.data.image.src}
+        position={project.data.image.position}
+        width="1000"
+        height="600"
+        style={{
+          "object-position": project.data.image.position,
+          "object-fit": project.data.image.fit,
+        }}
       />
       <div class="container mx-auto mt-8 px-4 lg:mx-0 lg:flex-1">
         <p class="flex items-center gap-1 text-gray-600">
diff --git a/src/schema.ts b/src/schema.ts
@@ -7,6 +7,8 @@ export type Article = z.infer<ReturnType<typeof CreateArticleSchema>>;
 export type Member = z.infer<ReturnType<typeof CreateMemberSchema>>;
 export type Project = z.infer<ReturnType<typeof CreateProjectSchema>>;
 
+const Position = z.enum(["center", "top", "bottom", "left", "right"]);
+const Fit = z.enum(["cover", "contain", "fill", "none"]);
 export const CreateArticleSchema = ({ image }: { image: ImageFunction }) =>
   z
     .object({
@@ -19,8 +21,8 @@ export const CreateArticleSchema = ({ image }: { image: ImageFunction }) =>
       categories: z.array(z.string()).optional(),
       // 画像系
       image: image(),
-      fit: z.enum(["cover", "contain", "fill", "none"]).optional(),
-      position: z.enum(["center", "top", "bottom", "left", "right"]).optional(),
+      fit: Fit.optional(),
+      position: Position.default("center"),
       bg_color: z.string().optional(),
     })
     .refine(
@@ -51,7 +53,8 @@ export const CreateProjectSchema = ({ image }: { image: ImageFunction }) =>
     date: z.date(),
     image: z.object({
       src: image(),
-      fit: z.enum(["cover", "contain", "fill"]).optional().default("cover"),
+      position: Position.default("center"),
+      fit: Fit.default("cover"),
       bg: z.string().optional().default("whitesmoke"),
     }),
     description: z.string(),
