Merge pull request #280 from Anti-Pattern-Inc/develop

20231006リリース

src/components/career/Philosophy.tsx

@@ -27,7 +27,7 @@ const philosophyLists: ReadonlyArray<PhilosophyLists> = [
   {
     title: '行動指針または「礼」 - 学び続ける',
     description:
-      '世の中は変化し続けるものであるし、私たち自身が変化を起こしていくようなものです。その中において、常に自らも変化させていき適応していくことが重要になる。哲学者の千葉雅也氏も言うように「勉強とは、自己破壊」であり、養老孟司氏でいえば「知ることは自分が変わること」なのであり、特に「Work as Play」でいるには重要な指針です。「自ら機会を作り出し、自らを変えよ」とはリクルート創業者である江添氏の言葉でありますが、これらを鑑みるにまずは自らが変わることが求められているのです。',
+      '世の中は変化し続けるものであるし、私たち自身が変化を起こしていくようなものです。その中において、常に自らも変化させていき適応していくことが重要になる。哲学者の千葉雅也氏も言うように「勉強とは、自己破壊」であり、養老孟司氏でいえば「知ることは自分が変わること」なのであり、特に「Work as Play」でいるには重要な指針です。「自ら機会を作り出し、自らを変えよ」とはリクルート創業者である江副氏の言葉でありますが、これらを鑑みるにまずは自らが変わることが求められているのです。',
   },
   {
     title: '行動指針または「礼」 - 愛すべきプロダクトを作り続ける',

src/components/common/ShareButtons.tsx

@@ -1,9 +1,10 @@
+import XIcon from 'images/x-logo-white.png'
+import Image from 'next/image'
 import {
   FacebookIcon,
   FacebookShareButton,
   LinkedinIcon,
   LinkedinShareButton,
-  TwitterIcon,
   TwitterShareButton,
 } from 'react-share'
 
@@ -19,7 +20,9 @@ const ShareButtons = ({ type, slug }: Props) => {
         <FacebookIcon size={28} round />
       </FacebookShareButton>
       <TwitterShareButton url={`https://anti-pattern.co.jp/${type}/${slug}`}>
-        <TwitterIcon size={28} round />
+        <div className="p-1 w-6 rounded-full bg-black">
+          <Image src={XIcon} alt="Twitter" />
+        </div>
       </TwitterShareButton>
       <LinkedinShareButton url={`https://anti-pattern.co.jp/${type}/${slug}`}>
         <LinkedinIcon size={28} round />

src/components/layouts/Footer.tsx

@@ -1,7 +1,7 @@
 import { Square2StackIcon } from '@heroicons/react/24/outline'
 import Facebook from 'images/fb-w.png'
 import Linkedin from 'images/li-w.png'
-import Twitter from 'images/tw-w.png'
+import X from 'images/x-logo-white.png'
 import Image from 'next/image'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
@@ -13,7 +13,7 @@ const images = [
     href: 'https://www.facebook.com/people/Anti-Pattern-Inc/100039176570521/',
   },
   {
-    src: Twitter,
+    src: X,
     alt: 'Twitter',
     href: 'https://twitter.com/antipatterninc',
   },
@@ -48,7 +48,13 @@ const Footer = () => {
               return (
                 <a href={img.href} target="_blank" key={key} rel="noreferrer">
                   <span>
-                    <Image src={img.src} alt={img.alt} className="w-6 inline" />
+                    <Image
+                      src={img.src}
+                      alt={img.alt}
+                      className={
+                        img.alt == 'Twitter' ? 'w-4 inline' : 'w-6 inline'
+                      }
+                    />
                   </span>
                   <span className="text-white text-xs ml-2">{img.alt}</span>
                 </a>