{"collectionById":{"3d6d52f4-0a1b-40c9-8839-9563e3971a6f":{"id":"3d6d52f4-0a1b-40c9-8839-9563e3971a6f","name":"Product","fieldSchemas":[{"id":"a2275068-ae26-4dd5-add4-275933767ea8","name":"Slug","type":"slug","role":"slug"},{"id":"78fea6df-e8e8-4ba1-9f02-f908076b9ca4","name":"Content","type":"rich_text"},{"id":"0f6df8f5-4267-4d99-8fab-1cd2be5d94d0","name":"Year Month","type":"plain_text"},{"id":"3182d33a-dbee-43c9-9931-b900cee1d70c","name":"Hero Image","type":"image"},{"id":"badcf77b-5823-44cc-b0e8-7ec1e5517e30","name":"Description","type":"rich_text"},{"id":"e0ae380c-e935-4fca-aed8-172e1433e42b","name":"The Team","type":"plain_text"},{"id":"f6bfb520-1580-4f3d-a778-52ca5b37a8b2","name":"Headline","type":"plain_text"},{"id":"85478f8e-e008-4e94-8f12-dab07a758371","name":"Client","type":"plain_text"},{"id":"626cbf40-144d-4ed3-92f4-31a2d8809f2a","name":"My Role","type":"plain_text"}],"itemById":{"51a6b979-db51-42b3-8370-faa43055ad41":{"id":"51a6b979-db51-42b3-8370-faa43055ad41","index":"~NNPO","collectionId":"3d6d52f4-0a1b-40c9-8839-9563e3971a6f","fields":[{"id":"3a891094-0015-468e-bc38-a1d5657e5af1","value":"株式会社グッドイートカンパニー","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"85478f8e-e008-4e94-8f12-dab07a758371"},{"id":"f66d00eb-13c9-4e5a-9f0e-5d1a37822d18","value":"GOOD EAT CLUB デザインシステム構築・整理","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"f6bfb520-1580-4f3d-a778-52ca5b37a8b2"},{"id":"4727b2c4-0c20-4335-bfa2-b4151cdd595e","value":"Aug 2022 - Jan 2023","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"0f6df8f5-4267-4d99-8fab-1cd2be5d94d0"},{"id":"02d91b20-bce8-40d0-af5d-00dc84e72675","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"GOOD EAT CLUBのWebサイトのデザインシステムのページの増加に伴い、あらためてシステムを構築、整理を行いました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"badcf77b-5823-44cc-b0e8-7ec1e5517e30"},{"id":"c169b354-a18f-49c5-99b3-a99a9a82b150","value":"プロジェクトリーダー、情報収集・リサーチ、デザインシステム設計","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"626cbf40-144d-4ed3-92f4-31a2d8809f2a"},{"id":"88a51f52-cfa9-48da-a070-336ddef80258","value":"{\"image\":\"c6c7d364ba43021acdc5726ccbbf59830d10aed8\",\"imageThumbnail\":\"1d320857c09901588996957bc7e6707fed632b7b\",\"originalImageHeight\":1458,\"originalImageWidth\":2550,\"altText\":\"\",\"fileName\":\"thumbneil_gec_designsystem.png\"}","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"3182d33a-dbee-43c9-9931-b900cee1d70c"},{"id":"e60410c0-7889-4bd3-b039-9e6f0efdd2e2","value":"{\"root\":{\"children\":[{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"AtomicDesignを使用したパーツとコンポーネントの再構築 \",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h2\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"今後ページが増えることで更新作業が多くなること、パーツのデザインがバラバラな部分があり、統一性を持たせたいという意図からAtomicDesignを採用し進めていきました。Atoms / Molecules / Organisms の項目にすでにあるパーツを分けていき、ボタンの色や形状・余白のサイズを調整を行い、その後TemplateとPageに組み込んでいくという流れで作業を行いました。また命名規則に関しては、フロントエンドとMTGを開きどの方向性でいくか、どういったやり方があるか、そして今後更新していく上でどのやり方が効率がいいかなど、随時相談しながら進めていきました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"0e0958e84536a549983b37c9e462f5356614fe5c\",\"src\":\"https://s3-alpha-sig.figma.com/img/0e09/58e8/4536a549983b37c9e462f5356614fe5c?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=MNaiSnLAz5ogv5DNmUKykxfjzpkQfORV63vnZZI3HsvMOwCcN7N73I5zSQ~4N0fKe1a1TCsVI2m9Dfmyi1gxKn~7iXvxFNHXda~2g8Rz6bH1HorEDDcBtcviaF9ZsW3FEtbu8c~NkJy9bfR7d4iPTOQRKVr-7Q8UO-2il181L9moTsOrWEj0hgGcQwGJ8rcOUrwcU51j1l~qxf19q~Ah8b1s7v97sCr9tk9IXlk4oA3dEYRmygWvQZiM60ELTQLDZLsOYBX8olDiJTwwLJmVmM~m0cGsP8BQkFTqgmVliydoPP6nNOsXv3-hofrUwDwi875c-qkYXmn3Es1iMv2fow__\",\"altText\":\"\",\"originalImageWidth\":1168,\"originalImageHeight\":960,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"デザインコンポーネントの連携\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"heading\",\"version\":1,\"tag\":\"h2\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"detail\":0,\"format\":0,\"mode\":\"normal\",\"style\":\"\",\"text\":\"整理したパーツコンポーネントは、FigmaのVariants機能でステートやサイズ、アイコン有無などを組み込みセット化し、別でページとして作ってあるTemplateとPageにコンポーネントをエクスポートして連携することにより、既にあるパーツに変更がかかったとしても、コンポーネント本体を更新すれば、全部のパーツが自動的に更新されるように作成しました。\",\"type\":\"text\",\"version\":1}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"},{\"children\":[{\"type\":\"image\",\"version\":1,\"hash\":\"fd8aba6dc49856818f1dd1d1aaecba7415419c7b\",\"src\":\"https://s3-alpha-sig.figma.com/img/fd8a/ba6d/c49856818f1dd1d1aaecba7415419c7b?Expires=1790553600\u0026Key-Pair-Id=APKAQ4GOSFWCW27IBOMQ\u0026Signature=VKB4xUq1amIXdvd3TvrLLNNLNbUz78NUhxln6aL65nkh9Et1p-yG0Ztlh0xYwfS~zQuk-Vu7G9FGaQjJYMfCpRoc7RZBT2OZt8uzvRqB-tbvu93D214~AcGahK0fSFntyaDGdjeUFVVNs1T0Y1DlWfaaIfG2LXLbHjWeUH8qeH-3fJRFLh-65njInkE9-MI~vSLUKW3B-VWwg09AVUvW15jCa0gkIB7m0JszK6mek0LCK-f~0ozVdN0YB7Dr-rd84n8f13JJ-m2HGHvgM0XA2geJmdwFX59g5LhXDuFklDUSI76aqyeD7DQIUiftw4NY2WaqxLlVJjPX0hCAiTX4nQ__\",\"altText\":\"\",\"originalImageWidth\":1600,\"originalImageHeight\":1221,\"isFillWidth\":false}],\"direction\":null,\"format\":\"left\",\"indent\":0,\"type\":\"paragraph\",\"version\":1,\"textFormat\":0,\"textStyle\":\"\"}],\"direction\":null,\"format\":\"\",\"indent\":0,\"type\":\"root\",\"version\":1}}","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"78fea6df-e8e8-4ba1-9f02-f908076b9ca4"},{"id":"404e803c-7f50-4df8-9011-a4023429afb9","value":"デザイナー（1）、フロントエンドエンジニア（3）","itemId":"51a6b979-db51-42b3-8370-faa43055ad41","fieldSchemaId":"e0ae380c-e935-4fca-aed8-172e1433e42b"}]}}}},"slugByItemId":{"66f0af8c-7a66-4973-ba4d-79a8058b5fe2":"gec-operation","fb079ad9-a05b-48a7-8b4c-693b9211d34f":"zeon-corp","6548df03-0587-4fe1-aa1a-c96febe33333":"gec-uiux","51a6b979-db51-42b3-8370-faa43055ad41":"gec-designsystem","634ec4f3-2f58-40a2-a74e-fcb03327acab":"merce"}}