Merge branch 'develop'

Author: y-yamasaki

WebSite/assets/css/blog.css

@@ -49,7 +49,9 @@
 
 /* Thumbnail (Left side of CARD) */
 .og-thumbnail {
-    display: block;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     flex: 0 0 130px;
     width: 130px;
     height: 130px;
@@ -62,7 +64,8 @@
 .og-thumbnail img {
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
+    object-position: center;
     display: block;
     /* Reset markdown styles */
     max-width: none !important;

WebSite/assets/data/blogList.json

@@ -1,4 +1,19 @@
 [
+  {
+    "id": "blog_00020",
+    "title": "試行錯誤のGemini 3 Pro体験記",
+    "date": "2025-12-12T00:00:00.000Z",
+    "category": "AI",
+    "description": "Google AI Studio APIでの高額課金、Copilotプレビューでの格闘、そして料金体系の変更。AI時代の従課金モデルとの付き合い方を考える。",
+    "tags": [
+      "Gemini",
+      "Copilot",
+      "API"
+    ],
+    "thumbnail": "assets/img/gemini_icon.png",
+    "contentPath": "blog/blog_00020.html",
+    "recommended": true
+  },
   {
     "id": "blog_00018",
     "title": "DiscordoでDiscordをターミナルから触ってみた",

WebSite/assets/data/blogList_en.json

@@ -1,4 +1,19 @@
 [
+  {
+    "id": "blog_00020",
+    "title": "Trial and Error:My Experience with Gemini 3 Pro",
+    "date": "2025-12-12T00:00:00.000Z",
+    "category": "AI",
+    "description": "High charges with Google AI Studio API, struggles with Copilot Preview, and changes in pricing models. Thinking about how to deal with pay-as-you-go models in the AI era.",
+    "tags": [
+      "Gemini",
+      "Copilot",
+      "API"
+    ],
+    "thumbnail": "assets/img/gemini_icon.png",
+    "contentPath": "blog/en/blog_00020.html",
+    "recommended": true
+  },
   {
     "id": "blog_00018",
     "title": "Trying Out Discordo:Using Discord from the Terminal",

WebSite/assets/img/gemini_icon.png

@@ -287,7 +287,7 @@ <h3 id="まとめ">まとめ</h3><p>DiscordoはターミナルからDiscordを
       </div>
     </div>
 
-              <div class="post-detail__nav post-detail__nav--bottom"><a href="blog_00017.html" class="btn btn--prev">← ZedのAI機能活用術：T…</a><a href="../blog.html" class="btn btn--back">← ブログ一覧へ戻る</a></div>
+              <div class="post-detail__nav post-detail__nav--bottom"><a href="blog_00017.html" class="btn btn--prev">← ZedのAI機能活用術：T…</a><a href="../blog.html" class="btn btn--back">← ブログ一覧へ戻る</a><a href="blog_00020.html" class="btn btn--next">試行錯誤のGemini 3… →</a></div>
             </article>
           </div>
           <aside class="post-sidebar">

WebSite/blog/blog_00018.html

@@ -297,7 +297,7 @@ <h3 id="summary">Summary</h3><p>Discordo is a convenient tool that allows you to
       </div>
     </div>
 
-              <div class="post-detail__nav post-detail__nav--bottom"><a href="blog_00017.html" class="btn btn--prev">← Harnessing Ze…</a><a href="../blog.html" class="btn btn--back">← Back to Blog</a></div>
+              <div class="post-detail__nav post-detail__nav--bottom"><a href="blog_00017.html" class="btn btn--prev">← Harnessing Ze…</a><a href="../blog.html" class="btn btn--back">← Back to Blog</a><a href="blog_00020.html" class="btn btn--next">Trial and Err… →</a></div>
             </article>
           </div>
           <aside class="post-sidebar">

WebSite/blog/blog_00020.html

@@ -0,0 +1,74 @@
+---
+title: Trial and Error:My Experience with Gemini 3 Pro
+date: 2025-12-12 
+category: AI 
+description: High charges with Google AI Studio API, struggles with Copilot Preview, and changes in pricing models. Thinking about how to deal with pay-as-you-go models in the AI era.
+tags: [Gemini, Copilot, API] 
+recommended: true 
+thumbnail: assets/img/gemini_icon.png
+---
+
+Hello! I'm Pan-kun.
+
+This time, I've summarized my experience using Gemini 3 Pro via Copilot in the Zed IDE.
+
+
+## How I Burned Through 5,000 Yen in 2 Days
+
+A few days after Gemini 3 was released, information was flying everywhere about benchmarks and "I made this with this prompt," etc.  
+I thought, "I have to try this," so without hesitation, I registered a project and API on GCP via Google AI Studio and registered the API Key in Zed...
+
+I used it relentlessly.  
+By throwing a large amount of accurate information in the prompts, I was able to achieve my goals in seconds.
+
+About two days later, when I thought I'd take a break, I checked GCP and saw a charge of just under 5,000 yen...
+I was so terrified that I deleted the GCP API in seconds.
+
+Thinking calmly, it's obvious since it's a pay-as-you-go API system, but  
+my understanding of my usage pace and the billing rate at that time was too naive.
+
+Monthly flat rates are the only way to go, after all.  
+I can't deal with this.
+
+## Gemini 3 Pro Preview Suddenly Appears in Copilot
+
+A few days after giving up on using the API, something changed in the Copilot I usually use.
+
+> "Gemini 3 Pro Preview is available for Copilot Pro plan users and above."
+
+Yes, naturally, I jumped on it in seconds...  
+By the way, since Zed can link with a GitHub account, there was no need for API issuance or registration procedures,  
+and since I didn't need to acquire or manage a Google AI Studio API Key, it was even more convenient.
+
+# Mysterious Behavior: Works Sometimes, Sometimes Not
+
+However, the joy was short-lived.  
+While working, Copilot frequently started throwing errors and stopped responding. It became impossible to work, so I investigated.
+
+## Solution
+
+Scouring the internet, I found a large number of people suffering from the same phenomenon,  
+and among them, I found a person who was being thanked as if they were being worshipped.
+
+To state the method simply:  
+> Send a request with a prompt that just **reads an arbitrary file** at the very beginning of the chat.  
+That's it.
+It seriously worked.
+
+The source is below, and reading this in conjunction with the official documentation made a lot of sense, but  
+the wording in the official documentation was a bit vague.
+
+Even so, the person who analyzed this is too amazing...
+
+[CARD](https://github.com/aadishv/vscre)  
+[CARD](https://ai.google.dev/gemini-api/docs/thought-signatures?hl=ja)  
+
+# Summary?
+
+So, currently, I am able to use it thoroughly without issues.  
+Eventually, I'd like to introduce an LLM on a home server and use a dedicated AI if possible.  
+I hate being told I can't use things at work due to security concerns, so it's important to increase my options in advance.
+
+We can prepare for a time years from now when we can no longer say "it's faster to build it yourself," and
+while a future where "engineers are not needed" might not come, the possibility of "we don't need ~ engineers" arising exists, so I want to avoid resting on my laurels and getting tripped up by AI.  
+Especially since there is a promising future ahead.

WebSite/blog/en/blog_00018.html

@@ -0,0 +1,75 @@
+---
+title: 試行錯誤のGemini 3 Pro体験記
+date: 2025-12-12 
+category: AI 
+description: Google AI Studio APIでの高額課金、Copilotプレビューでの格闘、そして料金体系の変更。AI時代の従課金モデルとの付き合い方を考える。 
+tags: [Gemini, Copilot, API] 
+recommended: true 
+thumbnail: assets/img/gemini_icon.png
+---
+
+こんにちは！パン君です。
+
+今回は私が体験したZed IDEで Copilot経由で Gemini 3 Proを利用した件についてまとめてみました。
+
+
+## 2日で5,000円が溶けた話
+
+Gemini 3が出て数日、ベンチマークやらこのプロンプトでこれが作れた、などなど  
+色んな情報が一気に飛び交って「これはやって体験するしかねぇ」となり、躊躇なく Google AI Studio 経由で GCP にプロジェクトと API 登録を済ませて Zed に API Key を登録....  
+
+使いに使い倒しました。  
+プロンプトで正確な情報をポンポン大量に投げとけば、秒で目標が達成できてしまいました。  
+
+少し休憩と思った２日後頃に GCP を確認すると $5000$ 円弱の請求が発生していました...
+怖すぎて秒で GCP　の API を削除しましたね
+
+冷静に考えればAPIの従課金制度なので当たり前なのですが、  
+そのときの自分の利用ペースと課金レートの認識が甘すぎました。  
+
+やっぱり月定額しか勝たんですね  
+やってられんです 
+
+## Copilotに突如現れた Gemini 3 Pro のプレビュー
+
+API利用を諦めて数日後、普段利用している Copilot に異変が
+
+> 「Gemini 3 Pro プレビュー は Copilot Pro　プラン以上の方はご利用できます」
+
+はい、当然秒で....  
+因みに Zed はGitHubアカウントと連携できるので、API発行、登録の手順はいらずでして、  
+なんなら Google AI Studio の API Key取得とか管理とかいらないから、なおさら便利でした。
+
+# 使えたり使えなかったりの謎挙動
+
+しかし、喜びもつかの間。  
+作業中にCopilotが エラーを吐いて応答しなくなる 事態が頻繁に発生し始め、仕事にならないので調べました。  
+
+## 解決
+
+ネットの情報を漁っていると同じ現象に悩まされている人が大量におりまして  
+その中で崇め奉られるかのように感謝されている人を発見しました。  
+
+簡潔なやり方を述べておくと  
+> チャットの初手に適当なファイルを **読み込ませるだけ** のプロンプトでリクエストを送る  
+以上です。
+マジで動作しました。  
+
+ソースは下記だが、これと公式ドキュメントを合わせて読んだらかなり納得しましたが、  
+公式ドキュメントの言葉が少し曖昧でしたね。
+
+にしても解析したこの人が凄すぎる...
+
+[!CARD](https://github.com/aadishv/vscre)  
+
+[!CARD](https://ai.google.dev/gemini-api/docs/thought-signatures?hl=ja)  
+
+# まとめ？
+
+というかんじで現状は無事使い倒せています。  
+自宅常駐サーバーで LLM 導入して専用AIを利用する方向とかもいずれできたらやりたいですね。  
+会社とかにセキュリティ面でぐちぐち言われて使えない～みたいなのが嫌なので先に手段を増やしておくのは大事です。  
+
+何年後に「自分で組んだ方が早い」なんていえなくなる時代がくるかも と備えること自体はできるし、
+「エンジニアがいらなくなる」将来はないかもですが、「～エンジニアはいらないなぁ」は発生する可能性があるので、胡坐書いてAIに足元すくわれるのだけは避けたいですね。  
+せっかく有望な未来があるのですから