From 87d313575bbc8ab5ad6b7262e11bc5f6a75a8bc1 Mon Sep 17 00:00:00 2001 From: syui Date: Thu, 20 Nov 2025 07:15:27 +0900 Subject: [PATCH] fix --- my-blog/content/posts/2025-11-19-gemini.md | 29 +++++++ my-blog/static/css/style.css | 91 +++++++++++++++++++--- 2 files changed, 109 insertions(+), 11 deletions(-) create mode 100644 my-blog/content/posts/2025-11-19-gemini.md diff --git a/my-blog/content/posts/2025-11-19-gemini.md b/my-blog/content/posts/2025-11-19-gemini.md new file mode 100644 index 0000000..1615a03 --- /dev/null +++ b/my-blog/content/posts/2025-11-19-gemini.md @@ -0,0 +1,29 @@ +--- +title: "gemini3を使ってみる" +slug: "gemini" +date: "2025-11-19" +tags: ["google"] +language: ["ja", "en"] +draft: false +--- + +[msg type="info" content="前回のお話: claude plan:maxをやめてplan:proに変更した。AIの定額制は何がベストなのだろう。"] + +`gemini3`が発表されました。また、`antigravity.google`、つまり、`google antigravity`が登場しています。 + +- [https://antigravity.google](https://antigravity.google) +- [https://gemini.google.com](https://gemini.google.com) + +`.google`という企業独占のTLDをwebにも使うというのは、非常にかっこいいですね。しかも、`app-bundle-id`とよく合います。 + +| 目的 | 命名規則の例 | +| --- | --- | +| ドメイン名 | `antigravity.google` | +| リバースドメインネーム | `google.antigravity` | +| アプリケーションID | `google.antigravity` | +| ローカルパス | `~/Library/google.antigravity/` | + +なので、今後は、claudeはproにして、geminiもproで使用するのが良いのではないかと考えています。 + +また、IDEが必要な場面では`google antigravity`がおすすめになるかも。`gemini`とよく合いますので。 + diff --git a/my-blog/static/css/style.css b/my-blog/static/css/style.css index 42c14e1..020e182 100644 --- a/my-blog/static/css/style.css +++ b/my-blog/static/css/style.css @@ -690,16 +690,6 @@ article.article-content { } /* Override for actual comments - this is a workaround */ -.article-body pre code span[style*="color:#65737e"]:first-child:before { - content: attr(data-comment); -} - -/* Detect comments by position and content pattern */ -.article-body pre code span[style*="color:#65737e"] { - color: #F8F8F2 !important; /* Environment variables = white */ -} - -/* Only style as comment if the line actually starts with # */ .article-body pre code > span:first-child[style*="color:#65737e"] { color: #88846F !important; /* Real comments = gray */ } @@ -1840,7 +1830,6 @@ article.article-content { font-weight: 600; } - button.ask-at-btn { margin: 10px; background: var(--theme-color); @@ -1854,3 +1843,83 @@ button.ask-at-btn a { button#searchButton.pds-btn { background: var(--theme-color); } + +/* Table Styles */ +.article-body table { + width: 100%; + border-collapse: collapse; + margin: 20px 0; + font-size: 15px; + line-height: 1.6; + color: #333; + border: 1px solid #ddd; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); + border-radius: 8px; + overflow: hidden; /* Ensures rounded corners apply to content */ +} + +.article-body th, +.article-body td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #ddd; +} + +.article-body thead { + background-color: #f2f2f2; + color: #333; +} + +.article-body th { + font-weight: 600; +} + +.article-body tbody tr:nth-child(odd) { + background-color: #f9f9f9; +} + +.article-body tbody tr:hover { + background-color: #f1f1f1; +} + +/* Responsive Table */ +@media screen and (max-width: 600px) { + .article-body table { + border: 0; + } + + .article-body table thead { + display: none; + } + + .article-body table tr { + margin-bottom: 10px; + display: block; + border: 1px solid #ddd; + border-radius: 8px; + } + + .article-body table td { + border-bottom: 1px solid #ddd; + display: block; + text-align: right; + padding-left: 50%; + position: relative; + } + + .article-body table td::before { + content: attr(data-label); + position: absolute; + left: 15px; + width: calc(50% - 30px); + padding-right: 10px; + white-space: nowrap; + text-align: left; + font-weight: 600; + color: #555; + } + + .article-body table td:last-child { + border-bottom: 0; + } +} \ No newline at end of file