[add]blog about sakuga

package.json

@@ -10,13 +10,13 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.9.3",
-    "@astrojs/mdx": "^3.1.5",
-    "@astrojs/rss": "^4.0.7",
-    "@astrojs/sitemap": "^3.1.6",
-    "@astrojs/tailwind": "^5.1.0",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/mdx": "^3.1.8",
+    "@astrojs/rss": "^4.0.9",
+    "@astrojs/sitemap": "^3.2.1",
+    "@astrojs/tailwind": "^5.1.2",
     "@astropub/icons": "^0.2.0",
-    "astro": "^4.15.4",
+    "astro": "^4.16.5",
     "astro-iconify": "^1.2.0",
     "astro-navbar": "^2.3.2",
     "clsx": "^2.1.1",

src/content/blog/1_startup-meeting.md

@@ -3,13 +3,13 @@ title: '都市大でアニメを作ろう！'
 description: 'みなさん、 アニメつくりPJ!(仮) に興味を持っていただきありがとうございます。
 今回のプロジェクトがどのようなものであるかをちゃんと説明してから、皆さんには参加を決めて欲しいと思っているので、一度説明会を行いたいと思います。'
 pubDate: 'Feb 24 2024'
-heroImage: '/blog-assets/thumb_about-us.webp'
+heroImage: '/blog-assets/1_startup/thumb_1.webp'
 tags: ['event', '武蔵工業会館', 'startup meeting']
 ---
 
 ## プロジェクト始動!!
 
-私が大学1年生の時に監督として、デジコンで制作した[アニメーション作品のブログ](https://tmana.sub.jp/tcudcAnimePj2021/src/tcudcAnimePj21.html)を見て、世田谷区の方々からアニメを作ってくれないかという声をいただいたところから、始まりました。
+私が大学1年生の時に監督として、[デジコン](https://tcu-dc.net)で制作した[アニメーション作品のブログ](https://tmana.sub.jp/tcudcAnimePj2021/src/tcudcAnimePj21.html)を見て、世田谷区の方々からアニメを作ってくれないかという声をいただいたところから、始まりました。
 
 当初はデジコンとして本件を受注し、私が中心となってデジコン会員で作品を作るはずでしたが、私の情熱は虚しくデジコンとして今回の依頼は受けないことになってしまったので、せっかく世田谷区の人が自分を見つけてくれたのなら絶対に逃すまいと、私一人で本件を受けることで、一旦作品を作ることになりました。
 
@@ -27,7 +27,7 @@ tags: ['event', '武蔵工業会館', 'startup meeting']
 * 役割決め
 * 今後の流れの決定
 
-![都市大生募集](/blog-assets/images/recruit-poster-for-dc.webp)
+![都市大生募集](/blog-assets/1_startup/poster-in-dc.webp)
 
 ## 役職の募集
 
@@ -49,4 +49,9 @@ tags: ['event', '武蔵工業会館', 'startup meeting']
 これで、作品制作を行うための準備は完了です！都市大アニメーションの皆さんこれからもよろしくお願いします！
 みんなでいい作品を作りましょう
 
-![Let's Animate!](/blog-assets/images/lets-animate.webp)
+<div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/1_startup/b7.webp" alt="イメージボード1 むな" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/1_startup/b7-meet.webp" alt="イメージボード2 山下マナト" />
+</div>
+
+![Let's Animate!](/blog-assets/1_startup/lets-animate.webp)

src/content/blog/2_shuzai.md

@@ -3,7 +3,7 @@ title: '児童館と小学校(新BOP)に取材に行きました！'
 description: '2024年3月28日に東京都世田谷区に位置する等々力児童館と玉堤小学校に作品制作のため取材に行きました！'
 pubDate: 'May 28 2024'
 tags: ['取材', '玉堤小学校', '等々力小学校']
-heroImage: '/blog-assets/shuzai.webp'
+heroImage: '/blog-assets/2_shuzai/2_thumb.webp'
 ---
 
 是非一度取材に行って、現地のイメージを掴んでみてはどうかと世田谷区の方々から提案をいただきました。
@@ -19,18 +19,18 @@ heroImage: '/blog-assets/shuzai.webp'
 
 ## 等々力児童館
 
-![等々力児童館](/blog-assets/images/jidoukan-1.webp)
+![等々力児童館](/blog-assets/2_shuzai/jidoukan-1.webp)
 
 `世田谷区等々力3－25－16`に位置する児童館です。等々力駅から徒歩で10~15分くらいに位置にありました。
 
-<img src="/blog-assets/images/jidoukan-2.webp" alt="等々力児童館" width="500" />
+<img src="/blog-assets/2_shuzai/jidoukan-2.webp" alt="等々力児童館" width="500" />
 
 脚本と作画担当を主に10数人で等々力児童館にお邪魔し、子どもたちと一緒に遊びました。
 工作室のような場所で工作するこや、個室にこもって勉強しているこども、漫画を読んでいたり、体育館で卓球やバスケをしている子供達もいました。
 外に出てみると、野球や一輪車をしている子がいて、さらにサッカーしている子もいたので、それに混ぜてもらい、一緒にサッカーをしました。
 普通に楽しかったですね。
 
-<img src="/blog-assets/images/jidoukan-3.webp" alt="等々力児童館" width="500" />
+<img src="/blog-assets/2_shuzai/jidoukan-3.webp" alt="等々力児童館" width="500" />
 
 オセロか囲碁だったかと思いますが、それをしながらスマホで動画編集をしている子もいてびっくりしました。自分も動画編集は趣味の一つなので、最近の子供の情報リテラシーの高さと、情報技術の進化に感心しました。
 他のメンバーも女の子の会話に混ざり一緒に話を楽しんでいたメンバーや、廊下で大道芸やコマで遊んでいるメンバーもいて面白かったです。
@@ -42,17 +42,17 @@ heroImage: '/blog-assets/shuzai.webp'
 `世田谷区玉堤2－11－1`に位置する小学校で、東京都市大学世田谷キャンパスの目と鼻の先にあります。
 メンバーの一人であり、絵コンテを担当した`あべりあ`さんもここの卒業生でした！
 
-![玉堤小学校](/blog-assets/images/tamashou-1.webp)
+![玉堤小学校](/blog-assets/2_shuzai/tamashou-1.webp)
 
 ↑めちゃくちゃ上手くて感心したので写真を撮りました。
 
 小学校のBOPの教室にお邪魔すると、すぐに子供達が集まってきてくれました。子供達にとっても大学生が珍しかったんでしょうかね。
 そのパワフルさに圧倒されました。
 
-<img src="/blog-assets/images/tamashou-2.webp" alt="玉堤小学校" width="500" />
+<img src="/blog-assets/2_shuzai/tamashou-2.webp" alt="玉堤小学校" width="500" />
 
 一緒にドミノを立てて遊びました。
 帰り際にそのドミノを倒して、盛り上がりました。
 楽しいなおい。
 
-<img src="/blog-assets/images/domino.gif" alt="ドミノ" width="500" />
+<img src="/blog-assets/2_shuzai/domino.webp" alt="ドミノ" width="500" />

src/content/blog/3_script.md

@@ -3,7 +3,7 @@ title: '脚本を作ろう！！'
 description: 'アニメの'
 pubDate: 'July 15 2024'
 tags: ['脚本', 'アニメ制作', '武蔵工業会館', '東京都市大学']
-heroImage: '/blog-assets/meeting-for-script.webp'
+heroImage: '/blog-assets/3_script/3_thumb.webp'
 ---
 
 視察に行ったら、早速脚本の制作に取り掛かります。
@@ -28,7 +28,7 @@ heroImage: '/blog-assets/meeting-for-script.webp'
 
 ## 2. 1次提出
 
-<img width="400" src="/blog-assets/images/script-souan.webp" alt="脚本イメージボツ案" />
+<img width="400" src="/blog-assets/3_script/script-souan.webp" alt="脚本イメージボツ案" />
 
 4月23日、私が個人的に縁があったので、武蔵工業会館を使わせていただきました。
 みんなが考えてきた脚本を世田谷区の方々に見せましたが、結果としてはまだ向こうの意にそぐうものは見せられず、もっとヒアリングを行いました。
@@ -37,8 +37,6 @@ heroImage: '/blog-assets/meeting-for-script.webp'
 脚本担当の`むぎゅ`氏の案をベースにもう一度脚本を練り直す方針にしました。
 理由としては、彼の案は、`指導員から見たら子供は突拍子もない行動をする`という点がうまく書けていて良かったからです。
 
-<img width="500" src="/blog-assets/images/building7.webp" alt="脚本イメージボツ案" />
-
 こうして書かれた仮脚本を脚本担当の私と`あや`さんと一緒にブラッシュアップして、完成しました。
 
 当初の予定では4月中に脚本を完成させ、6月で作品を完成させると思っていましたが、全く外れたスケジュールでした。
@@ -47,6 +45,6 @@ heroImage: '/blog-assets/meeting-for-script.webp'
 **↓完成した脚本は以下**
 
 <a href="https://tcu-yamamana.notion.site/5a4c680ae5d64d4992b3478c2e368b7b?pvs=4">
-    <img width="400" src="/blog-assets/images/script-complete.webp" alt="完成した脚本" />
+    <img width="400" src="/blog-assets/3_script/script-complete.webp" alt="完成した脚本" />
 </a>
 

src/content/blog/4_charactor.md

@@ -3,7 +3,7 @@ title: 'キャラクタデザインを行いました！！'
 description: '脚本の完成しなわち登場人物の確定です。キャラクタの原案を決めて、キャラクタデザインを行います！'
 pubDate: 'July 23 2024'
 tags: ['アニメ制作', 'キャラクタデザイン', 'キャラクタ原案', '7号館', '東京都市大学']
-heroImage: '/blog-assets/chara-desgin-team.webp'
+heroImage: '/blog-assets/4_chardes/4_thumb.webp'
 ---
 
 ## 1. 担当の割り振り
@@ -13,16 +13,16 @@ heroImage: '/blog-assets/chara-desgin-team.webp'
 `2024年7月4日`に、担当者が世田谷キャンパス多めな上に、個人的にも世田谷キャンパスの方がテンションが上がるので、世田谷キャンパスに集まりました！
 
 <div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/charad-meeting.webp" alt="7号館で会議中" />
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/charades-role.webp" alt="キャラデザ担当表" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/4_chardes/charad-meeting.webp" alt="7号館で会議中" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/4_chardes/charades-role.webp" alt="キャラデザ担当表" />
 </div>
 
 脚本を元にそれぞれのキャラクタを`おこげ`さん、`ふる(小野イナフ)`さん、`しろめし`さん,`つきねこ`さん, `あ_A`さん, `まつりーぬ`さんが行ってくれました。
 彼女たちが起こした原案を元に、キャラクタデザインという形でメインキャラクタを`En`さんと、`カツサンド`さんが清書しました。
 
 ## 2. キャラクタの詳細を考えよう！
 
-<img class="blog-image" src="/blog-assets/images/charactors.webp" alt="みんながデザインしてくれたキャラクター" />
+<img class="blog-image" src="/blog-assets/4_chardes/charactors.webp" alt="みんながデザインしてくれたキャラクター" />
 
 こうしてみんなが作ってくれたキャラデザを世田谷区の方々に共有したところ、声優事務所81プロデュースからの伝言をいただきました。
 
@@ -31,13 +31,13 @@ heroImage: '/blog-assets/chara-desgin-team.webp'
 そうと決まれば、キャラデザのみんなでキャラクタの性格を考えよう！
 
 <div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/yamashita-rise-three.webp" alt="7号館で会議中" />
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/yamashita-write-something.webp" alt="キャラクタの性格を決めよう" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/4_chardes/yamashita-rise-three.webp" alt="7号館で会議中" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/4_chardes/yamashita-write-something.webp" alt="キャラクタの性格を決めよう" />
 </div>
 
 ## 3. 世田谷区と81プロデュースのFB
 
-<img class="blog-image" src="/blog-assets/images/sinchoku.webp" alt="みんながデザインしてくれたキャラクター" />
+<img class="blog-image" src="/blog-assets/4_chardes/sinchoku.webp" alt="みんながデザインしてくれたキャラクター" />
 
 キャラクタができたら、世田谷区の方々を大学に呼んで、進捗報告という形で共有しました。
 細かい修正はありましたが、キャラクタについてはかなりこちらに任せてくれているようで、大方はOKでした。

src/content/blog/5_gasshuku.md

@@ -3,7 +3,7 @@ title: '江ノ島で缶詰作画合宿！！!'
 description: '作画集中作業を目的に、江ノ島で家を借りて、合宿しました！'
 pubDate: 'Sep 20 2024'
 tags: ['アニメ制作', '作画', '江ノ島', '合宿', 'blog', 'event']
-heroImage: '/blog-assets/enoshima.webp'
+heroImage: '/blog-assets/5_enoshima/5_thumb.webp'
 ---
 
 ## 江ノ島作画缶詰合宿！！！！！
@@ -15,48 +15,48 @@ heroImage: '/blog-assets/enoshima.webp'
 
 江ノ島で一軒家をレンタルしましたが、お部屋は予想以上に広く設備も多くて部屋の中を最初は歩き回り探検して楽しみました！笑
 
-<img class="blog-image" src="/blog-assets/images/enoshima-gasshuku_8.webp" alt="お部屋を探検!" />
+<img class="blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_8.webp" alt="お部屋を探検!" />
 
 さて、しばらくすると都市大アニメーションについて和室のリビングでくつろぎながら少し話をし作画を始め出しました！
 
 <div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/enoshima-gasshuku_1.webp" alt="作画中-1" />
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/enoshima-gasshuku_6.webp" alt="作画中-2" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_1.webp" alt="作画中-1" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_6.webp" alt="作画中-2" />
 </div>
 
 個人で集中して取り組んだり、時には山下マナト(監督)と話し合いをしながら調整したりと各々作業しました。
 絵コンテや脚本についてわからないことや、アニメの書き方、ソフトの使い方などその場で話すこともできたし、作画担当の人と一緒に考えながらできたのでとても効率的でやりやすかったです。
 
-<img class="blog-image" src="/blog-assets/images/enoshima-gasshuku_2.webp" alt="山下マナトとむぎゅ" />
+<img class="blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_2.webp" alt="山下マナトとむぎゅ" />
 
 たまにゲームもしました。
 
-<img class="blog-image" src="/blog-assets/images/enoshima-gasshuku_3.webp" alt="スマブラをするメンバー" />
+<img class="blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_3.webp" alt="スマブラをするメンバー" />
 
 夜の花火を企画しましたが強風のため、でかい花火だけ海岸で行って、残りは朝花火をしました！(笑)
 
 <div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/enoshima-gasshuku_7.webp" alt="夜の花火" />
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/enoshima-gasshuku_4.webp" alt="朝の花火" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_7.webp" alt="夜の花火" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_4.webp" alt="朝の花火" />
 </div>
 
 夜中はお菓子やフルーツなどを食べて飲みながら、
 ワードウルフを存分に楽しみましたよ！
 
 結局5:00くらいまで起きてたので、みんな眠そうでした。
 
-<img class="blog-image" src="/blog-assets/images/enoshima-gasshuku_5.webp" alt="眠そうなみなさん" />
+<img class="blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_5.webp" alt="眠そうなみなさん" />
 
 本当はバーベキューとか、心霊スポット行ったりとかやりたいことがたくさんあったんですけれど、時間が足りませんでした！でもすごく楽しかったし、いい思い出になりました！
 今後の制作も改めてよろしくお願い致します！
 
 <!-- <div class="flex flex-col sm:flex-row w-full space-y-4 sm:space-x-4 px-4">
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/charad-meeting.webp" alt="7号館で会議中" />
-    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/images/charades-role.webp" alt="キャラデザ担当表" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/charad-meeting.webp" alt="7号館で会議中" />
+    <img class="w-full sm:w-1/2 h-96 object-cover blog-image" src="/blog-assets/5_enoshima/charades-role.webp" alt="キャラデザ担当表" />
 </div> -->
 
 
-<img class="blog-image" src="/blog-assets/images/enoshima-gasshuku_9.webp" alt="海鮮丼を食べて寝てしまったむぎゅの前で写真を撮る山下マナト" />
+<img class="blog-image" src="/blog-assets/5_enoshima/enoshima-gasshuku_9.webp" alt="海鮮丼を食べて寝てしまったむぎゅの前で写真を撮る山下マナト" />
 
 ## やったこと