ScrapboxからCosenseに変更

src/components/AppFooter.astro

@@ -1,15 +1,15 @@
 ---
 import DiscordIcon from './icon/DiscordIcon.astro'
 import GitHubIcon from './icon/GitHubIcon.astro'
-import ScrapboxIcon from './icon/ScrapboxIcon.astro'
+import CosenseIcon from './icon/CosenseIcon.astro'
 import Container from './ui/Container.astro'
 
 const links = [
   [
     'リンク',
     [
       ['Discord', 'https://discord.gg/4tpD3TY'],
-      ['Scrapbox', 'https://scrapbox.io/discordjs-japan'],
+      ['Cosense', 'https://cosen.se/discordjs-japan'],
       ['GitHub', 'https://github.com/discordjs-japan'],
     ],
   ],
@@ -53,9 +53,9 @@ const links = [
           />
           <span class="sr-only">Discord</span>
         </a>
-        <a href="https://scrapbox.io/discordjs-japan">
-          <ScrapboxIcon class="h-6 w-6 transition-all hover:brightness-75" />
-          <span class="sr-only">Scrapbox</span>
+        <a href="https://cosen.se/discordjs-japan">
+          <CosenseIcon class="h-6 w-6 transition-all hover:brightness-75" />
+          <span class="sr-only">Cosense</span>
         </a>
         <a href="https://github.com/discordjs-japan">
           <GitHubIcon

src/components/AppHeader.astro

@@ -5,7 +5,7 @@ import XIcon from './icon/XIcon.astro'
 const headerHeigth = '50px'
 const links = [
   ['Discord', 'https://discord.gg/4tpD3TY'],
-  ['Scrapbox', 'https://scrapbox.io/discordjs-japan'],
+  ['Cosense', 'https://cosen.se/discordjs-japan'],
 ] as const
 ---
 

src/components/discord/DiscordUI.astro

@@ -4,7 +4,7 @@ import Window from '../Window.astro'
 const channels = [
   [
     'インフォメーション',
-    ['ようこそ', 'お知らせ', 'scrapbox更新情報', 'ニュース'],
+    ['ようこそ', 'お知らせ', 'cosense更新情報', 'ニュース'],
   ],
   ['質問', ['質問']],
   ['雑談', ['情報共有', '技術話題', '雑談', 'ボット']],
@@ -38,7 +38,7 @@ const props = Astro.props
                 <div
                   data-text={channel}
                   class:list={[
-                    'py-0.5 px-2 rounded cursor-pointer truncate after:content-[attr(data-text)]',
+                    'cursor-pointer truncate rounded px-2 py-0.5 after:content-[attr(data-text)]',
                     props.channel === channel
                       ? 'bg-slate-700 text-white'
                       : 'hover:bg-slate-700 hover:text-white',

src/components/icon/ScrapboxIcon.astro → src/components/icon/CosenseIcon.astro

@@ -5,9 +5,9 @@ interface Props {
 ---
 
 <img
-  src="https://nota.github.io/press-kit/S-icon.svg"
+  src="https://scrapbox.io/files/664c0fd8f1b29a001ccab062.png"
   class={Astro.props.class}
-  alt="Scrapbox"
+  alt="Cosense"
 />
 
 <style>

src/pages/guidelines/questioner.mdx

@@ -18,13 +18,13 @@ JavaScript に関して更に詳しい情報を得るには[MDN](https://develop
 - **discord.js での実装に関する**ものか
 - 実現したいこと、知りたいことなど、前提を明確にしましょう
 - 本当に質問する必要があるか
-  - 既に Scrapbox に答えが載っているか、[やりたいこと逆引き集](https://scrapbox.io/discordjs-japan/やりたいこと逆引き集)に無いか確認してみましょう
+  - 既に Cosense に答えが載っているか、[やりたいこと逆引き集](https://cosen.se/discordjs-japan/やりたいこと逆引き集)に無いか確認してみましょう
   - フォーラムチャンネルで既に解決されている質問が無いか検索をしてみること
     - もしかしたら既にあなたの知りたいことが、過去で答えが出ているかもしれませんよ
 - エラーメッセージを確認してみよう
   - 期待通りに動かない場合、大抵はエラーが出ています
   - 可能なら読んでみましょう、英語ですが、なぜエラーが発生しているか書いてあります
-  - [エラーメッセージまとめ](https://scrapbox.io/discordjs-japan/エラーメッセージまとめ)が参考になるかもしれません
+  - [エラーメッセージまとめ](https://cosen.se/discordjs-japan/エラーメッセージまとめ)が参考になるかもしれません
 
 ## してはいけない質問
 
@@ -44,8 +44,8 @@ JavaScript に関して更に詳しい情報を得るには[MDN](https://develop
 - 分からない箇所を明確にすること
 - あなたが使用している discord.js のバージョンを把握し、バージョンごとに分けられた適切なタグを選択してください
   - v13 と v14 では同じ処理でも書き方が大きく異なるため
-  - 使用しているバージョンが分からない場合は、[インストールされた discord.js のバージョンを確認する方法](https://scrapbox.io/discordjs-japan/インストールされたDiscord.jsのバージョンを確認する方法)を見てください
-- 使用している[インテント](https://scrapbox.io/discordjs-japan/Intents)も記載してください
+  - 使用しているバージョンが分からない場合は、[インストールされた discord.js のバージョンを確認する方法](https://cosen.se/discordjs-japan/インストールされたDiscord.jsのバージョンを確認する方法)を見てください
+- 使用している[インテント](https://cosen.se/discordjs-japan/Intents)も記載してください
 - 調べた情報、参考にした情報があれば書いてください
 - 一つのスレッドに関連性が全くない質問を２つ以上しないこと
   - 迷わずスレッドを 2 つに分けてください

src/pages/guidelines/respondent.mdx

@@ -8,18 +8,18 @@ layout: ../../layouts/MDXLayout.astro
 
 複数の人が同時に回答すると疑問や質問への解決を阻害してしまう可能性があるので、回答に何かしら間違いがある場合や補足が必要な場合のみ補助してあげましょう。
 
-## Scrapbox に質問内容とほぼ内容が一致するページが無いか 4, 5 回調べてみよう
+## Cosense に質問内容とほぼ内容が一致するページが無いか 4, 5 回調べてみよう
 
 該当するページがあれば、ページのリンクを送ってあげましょう。
-質問者も質問を送信する前に、Scrapbox で検索しているとは思いますが、念の為回答者側でも検索して探すようにお願いします。
+質問者も質問を送信する前に、Cosense で検索しているとは思いますが、念の為回答者側でも検索して探すようにお願いします。
 
 ## 質問者の意図を先読みして回答しないようにしよう
 
 回答に必要な情報で不確かな部分がある場合、必ずひとつひとつ質問者に確認を取るようにしてください。
 
 ## 自分が参考にしたサイト等がある場合は質問者にも共有してあげよう
 
-この Scrapbox のページ、MDN、Discord.js の公式ドキュメントまたはガイドを参考にした場合、そのページをできるだけ提示するようにしてください。
+この Cosense のページ、MDN、Discord.js の公式ドキュメントまたはガイドを参考にした場合、そのページをできるだけ提示するようにしてください。
 ただし個人ブログや記事は古い情報が多く出回っている場合が多いため、回答する際には上記のような信頼できるソースが書いてあるサイト以外の情報を参考にするのは原則しないようにしてください。
 
 ## ガイドラインに関する質問、貢献

src/pages/index.astro

@@ -33,7 +33,7 @@ const questions = [
               Discordサーバーではdiscord.jsに関する質問を受け付けたり、コミュニティメンバー同士で雑談やコミュニティをより良くしていくための議論等を行っています。
             </p>
             <p class="text-lg font-semibold text-slate-600">
-              その他にもScrapboxの更新情報を受け取れる便利なチャンネルもご用意しておりますので、参加してみてはいかがです？
+              その他にもCosenseの更新情報を受け取れる便利なチャンネルもご用意しておりますので、参加してみてはいかがです？
             </p>
           </div>
           <a
@@ -59,35 +59,35 @@ const questions = [
   <section class="py-24">
     <Container class="grid grid-cols-1 gap-x-4 gap-y-8 px-4 lg:grid-cols-2">
       <div class="self-center">
-        <h2 class="text-3xl font-extrabold text-green-500">Scrapbox</h2>
+        <h2 class="text-3xl font-extrabold text-orange-500">Cosense</h2>
         <div class="my-6 space-y-4 font-semibold text-slate-600">
           <p>
             Discord.js Japan User
-            Groupではdiscord.jsに関する様々な情報をScrapboxを使ってまとめています。
+            Groupではdiscord.jsに関する様々な情報をCosenseを使ってまとめています。
           </p>
           <p>
             discord.jsに関するほとんどの情報はここで得ることができるようになっており、きっとあなたの役に立つでしょう。
           </p>
           <p>
-            そして私達のScrapboxには自由に参加することができ、ページの編集・作成ができます。
+            そして私達のCosenseには自由に参加することができ、ページの編集・作成ができます。
           </p>
         </div>
         <div class="flex space-x-4">
           <a
-            href="https://scrapbox.io/discordjs-japan"
-            class="block cursor-pointer rounded-lg bg-green-500 px-4 py-2 font-bold text-white hover:opacity-80"
+            href="https://cosen.se/discordjs-japan"
+            class="block cursor-pointer rounded-lg bg-orange-500 px-4 py-2 font-bold text-white hover:opacity-80"
             >見てみる</a
           >
           <a
-            href="https://scrapbox.io/discordjs-japan/このプロジェクトに参加するには"
-            class="block cursor-pointer rounded-lg bg-green-500 px-4 py-2 font-bold text-white hover:opacity-80"
+            href="https://cosen.se/discordjs-japan/このプロジェクトに参加するには"
+            class="block cursor-pointer rounded-lg bg-orange-500 px-4 py-2 font-bold text-white hover:opacity-80"
             >参加する</a
           >
         </div>
       </div>
       <div>
         <Window>
-          <img src="/assets/scrapbox.png" alt="" />
+          <img src="/assets/cosense.png" alt="" />
         </Window>
       </div>
     </Container>