update my profile

src/api/achievements.tsx

@@ -20,6 +20,10 @@ export const achievements: DescriptionListItem[] = [
   {
     title: 'E2Eテストによる運用品質改善',
     contents:<>保守運用業務にて、修正及び更新依頼部分については「実装者→ディレクター→品質管理チーム→クライアント」と4段階で人の目が入っていたが、複数ページの同時修正などで「修正すべきではない箇所」が誤って修正されてしまったことを検知できなかった。<br />0ベースからE2Eテストのフローを新規開発し、ビューベースで変更差分が発生している部分に目印を付けた状態でキャプチャを取得しテキストレベルで何件の差分が発生しているかのレポートを提供するように改善した。</>
+  },
+  {
+    title: '中〜大規模サイトへのデザインシステム導入',
+    contents:<>ページデザインからコンポーネントを抽出しコンポーネントの意味と使用方法を定義し、デザインシステム導入に伴うワークフローの改修とドキュメント全般を制作。デザインシステムでは、企画→デザイン→実装の直列な制作フローではなく、並列した「コンテンツ（企画）」と「ディスプレイ（デザイン）」をフロントエンドで結合させることが重要であるため、PJ内でフロントエンドエンジニアの再定義を行った</>
   }
 
 ]

src/api/descriptionData.tsx

@@ -21,11 +21,11 @@ export const descriptionList: DescriptionListItem[] = [
   },
   {
     title: "役割",
-    contents: 'エンジニアリングマネージャー、フロントエンドエンジニア、テクニカルディレクター、etc.'
+    contents: 'アクセシビリティアドボケイト、エンジニアリングマネージャー、フロントエンドエンジニア、テクニカルディレクター、etc.'
   },
   {
     title: "居住",
     contents: "東京",
   },
-  { title: "家族", contents: "妻・長男（11歳）・長女（8歳）" },
+  { title: "家族", contents: "妻・長男（12歳）・長女（8歳）" },
 ]

src/api/skillSets.tsx

@@ -4,17 +4,17 @@ export const skillSets: DescriptionListItem[] = [
   {
     title: "HTML",
     contents:
-      "マシンリーダブル、A11y、合理的な属性値を意識する。jsレスな新しい要素を積極的に使用する。カスタム要素を使用し静的HTMLでも宣言的なUIを実現する。ブラウザの読み込みを考慮しユーザビリティを高める。",
+      "マシンリーダブル、A11y、Divスープさせないマークアップを意識する。jsレスな新しい要素を積極的に使用する。カスタム要素を使用し静的HTMLでも宣言的なUIを実現する。ブラウザの読み込みを考慮しユーザビリティを高める。",
   },
   {
     title: "CSS",
     contents:
-      "postCSS,その他プリプロセッサー（scssなど）を使用しつつ、モダンCSSを使用したセマンティクスなCSSを記述する",
+      "postCSSをすこしだけ、変数、@layer、css-nestなどモダンCSSで構築する。CSSフレームワークもSASSなどのレガシープリプロセッサーも必要が無いことを体現する",
   },
   {
     title: "JavaScript",
     contents:
-      "browserに配信されるスクリプトは宣言的に記述する。状態の変化にはクラス属性よりもaria属性など意味合いのある属性を操作する。単一責任、YAGNIで開発する。",
+      "browserに配信されるスクリプトは宣言的に記述する。状態の変化にはクラス属性よりもaria属性など意味合いのある属性を操作する。単一責任、YAGNIで開発する。Web Componentsが好き",
   },
   {
     title: "開発手法",
@@ -24,12 +24,12 @@ export const skillSets: DescriptionListItem[] = [
   {
     title: "TypeScript",
     contents:
-      "NodeJS、browserJSどちらもTypeScriptで開発する。積極的に型推論を利用し開発速度を高める。",
+      <>NodeJS、browserJSどちらもTypeScriptを使用する。</>,
   },
   {
     title: "GenerativeAI",
     contents:
-      <>使用する。<br />質問ではなく、要求を投げる。<br />15分を20秒に、1週間を30分にするために使用する。</>,
+      <>15分を20秒に、1週間を30分にするために使用する。</>,
     },
     {
         title: "マネジメント",
@@ -38,6 +38,6 @@ export const skillSets: DescriptionListItem[] = [
     },
     {
         title: 'コミュニケーション',
-        contents: '知っていることをすべて伝える。ローコンテクストに徹する。良くないものは良くないと伝える努力をする。'
+        contents: <><p>知っていることをすべて伝える。ローコンテクストに徹する。良くないものは良くないと伝える努力をする。</p><p><i>人々があなたがどのように言っているかではなく、何を言っているかに集中できるようにする</i></p></>
     }
 ]