dino3616 / shio

Portfolio site of shio, a frontend engineer and designer.

Hi, I'm shio!🧂 (a.k.a dino3616)

Born on November 6, 2004.
Lives in Kasama City, Ibaraki Prefecture.
Engineer and designer who aims to provide the best web experience for any person in any environment.

For more information, please visit my portfolio site.

GitHub Stats

My musical taste

shio's Issues

デザインの全体的な部分を修正する

Why

現状 radix-ui/colors の使用用途に則っていない配色やレスポンシブ対応が十分になされていないデザインが全体的に散在している。
このために、十分に accessible なウェブサイトとは言えない状態にある。

As-Is

radix-ui/colors の使用用途に則っていない配色やレスポンシブ対応が十分になされていないデザインが全体的に散在しており、サイトの accessibility を損なっている可能性がある。

To-Be

ワイヤーフレームは継承しつつ、コントラスト比が健全で theme 間の整合性が保たれるような配色に修正し、レスポンシブ対応が容易かつ十分になされるようなデザインに変更される。
これにより、サイトの accessibility が向上する。

`ContactSection` を実装する

Design

• https://www.figma.com/file/wIpzL4L6xxDhB7TGejMBBk/shio.studio?type=design&node-id=179-3859&mode=design&t=IxQiNYR8cav7hiGB-4

`api` を実装する

`JobSection` を実装する

Design

• https://www.figma.com/file/wIpzL4L6xxDhB7TGejMBBk/shio.studio?type=design&node-id=179-3820&mode=design&t=gJRDzNIkoydmjdjB-4

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

• chore(deps): update node.js to v21

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update all non-major dependencies (@apollo/rover, @apollo/server, @nestjs/apollo, @nestjs/cli, @nestjs/common, @nestjs/core, @nestjs/graphql, @nestjs/platform-express, @nestjs/schematics, @nestjs/testing, @prisma/client, @storybook/addon-a11y, @storybook/addon-essentials, @storybook/addon-viewport, @storybook/addons, @storybook/nextjs, @storybook/react, @storybook/theming, @tsconfig/esm, @tsconfig/next, @types/eslint, @types/graphql-validation-complexity, @types/jest, @types/node, @types/react, @types/react-dom, @typescript-eslint/eslint-plugin, @typescript-eslint/parser, @urql/core, @urql/next, @vercel/analytics, chromatic, eslint, eslint-config-next, eslint-plugin-jsx-a11y, eslint-plugin-prettier, eslint-plugin-storybook, framer-motion, graphql-ws, next, node, pnpm, prettier, prisma, react-icons, react-type-animation, storybook, stylelint, stylelint-config-recess-order, stylelint-config-standard-scss, tailwind-variants, tailwindcss, ts-essentials, turbo, tw-colors, typescript)
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency chromatic to v9
• chore(deps): update dependency lint-staged to v15
• chore(deps): update nextjs monorepo to v14 (major) (eslint-config-next, next)
• chore(deps): update node.js to v20
• fix(deps): update dependency tailwind-merge to v2
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

docker-compose

docker/docker-compose.development.yaml

dockerfile

docker/Dockerfile.development

• node 18-bullseye

docker/api/Dockerfile.production

• alpine 3
• node 18-bookworm-slim
• gcr.io/distroless/nodejs 18

github-actions

.github/workflows/app-test.yaml

• actions/checkout v4
• dorny/paths-filter v2
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• actions/checkout v4
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3
• chromaui/action v1

.github/workflows/graphql-commit-schema.yaml

• actions/checkout v4
• dorny/paths-filter v2
• actions/checkout v4
• supercharge/mongodb-github-action v1.10.0
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3

.github/workflows/graphql-deploy-apollo-studio.yaml

• actions/checkout v4
• dorny/paths-filter v2
• actions/checkout v4
• supercharge/mongodb-github-action v1
• actions/setup-node v3
• pnpm/action-setup v2
• actions/cache v3

npm

apps/api/package.json

• @apollo/server 4.9.3
• @nestjs/apollo 12.0.9
• @nestjs/cli 10.1.18
• @nestjs/common 10.2.6
• @nestjs/config 3.1.1
• @nestjs/core 10.2.6
• @nestjs/graphql 12.0.9
• @nestjs/platform-express 10.2.6
• @nestjs/testing 10.2.6
• @prisma/client 5.3.1
• class-transformer 0.5.1
• class-validator 0.14.0
• dataloader 2.2.2
• dotenv 16.3.1
• graphql-subscriptions 2.0.0
• graphql-validation-complexity 0.4.2
• ts-pattern 5.0.5
• uuid 9.0.1
• @apollo/rover 0.19.1
• @nestjs/schematics 10.0.2
• @types/graphql-validation-complexity 0.4.1
• prisma 5.3.1

apps/catalog/package.json

• dotenv 16.3.1
• react 18.2.0
• react-dom 18.2.0
• @storybook/addon-a11y 7.4.6
• @storybook/addon-essentials 7.4.6
• @storybook/addon-styling 1.3.7
• @storybook/addon-viewport 7.4.6
• @storybook/addons 7.4.6
• @storybook/nextjs 7.4.6
• @storybook/react 7.4.6
• @storybook/theming 7.4.6
• @types/react 18.2.24
• @types/react-dom 18.2.8
• chromatic 7.2.0
• storybook 7.4.6

apps/website-v1/package.json

• dotenv 16.3.1
• framer-motion 10.16.4
• next 13.5.4
• react 18.2.0
• react-dom 18.2.0
• react-type-animation 3.1.0
• sharp 0.32.6
• ts-pattern 5.0.5
• @storybook/react 7.4.6
• @types/react 18.2.24
• @types/react-dom 18.2.8

apps/website-v2/package.json

• @vercel/analytics 1.0.2
• dotenv 16.3.1
• framer-motion 10.16.4
• graphql-tag 2.12.6
• next 13.5.4
• react 18.2.0
• react-dom 18.2.0
• sharp 0.32.6
• @graphql-codegen/cli 5.0.0
• @graphql-codegen/introspection 4.0.0
• @graphql-codegen/typescript 4.0.1
• @graphql-codegen/typescript-operations 4.0.1
• @graphql-codegen/typescript-urql 4.0.0
• @graphql-codegen/urql-introspection 3.0.0
• @storybook/react 7.4.6
• @types/react 18.2.24
• @types/react-dom 18.2.8

package.json

• @types/eslint 8.44.3
• @types/jest 29.5.5
• @types/node 20.8.2
• cross-env 7.0.3
• dotenv-cli 7.3.0
• eslint 8.50.0
• husky 8.0.3
• jest 29.7.0
• lint-staged 14.0.1
• prettier 3.0.3
• rimraf 5.0.5
• stylelint 15.10.3
• ts-jest 29.1.1
• ts-node 10.9.1
• turbo 1.10.14
• typescript 5.2.2
• node >=18.0.0 <19
• pnpm >=8.0.0
• node 18.18.0
• pnpm 8.8.0
• pnpm 8.8.0

packages/core/package.json

• @radix-ui/react-select 2.0.0
• dotenv 16.3.1
• framer-motion 10.16.4
• next 13.5.4
• next-themes 0.2.1
• react 18.2.0
• react-dom 18.2.0
• react-icons 4.11.0
• ts-pattern 5.0.5
• @storybook/nextjs 7.4.6
• @storybook/react 7.4.6
• @types/react 18.2.24
• @types/react-dom 18.2.8

packages/design-token/package.json

packages/eslint/eslint-config-shio-base/package.json

packages/eslint/eslint-config-shio-esm/package.json

packages/eslint/eslint-config-shio-nextjs/package.json

packages/eslint/eslint-config-shio-node/package.json

packages/eslint/eslint-config-shio-react/package.json

packages/eslint/package.json

• @typescript-eslint/eslint-plugin 6.7.4
• @typescript-eslint/parser 6.7.4
• eslint-config-airbnb-base 15.0.0
• eslint-config-airbnb-typescript 17.1.0
• eslint-config-next 13.5.4
• eslint-config-prettier 9.0.0
• eslint-import-resolver-typescript 3.6.1
• eslint-plugin-json 3.1.0
• eslint-plugin-jsx-a11y 6.7.1
• eslint-plugin-prettier 5.0.0
• eslint-plugin-react 7.33.2
• eslint-plugin-storybook 0.6.14
• eslint-plugin-tailwindcss 3.13.0

packages/jest/package.json

• @types/jest 29.5.5
• jest 29.7.0
• jest-environment-jsdom 29.7.0
• next 13.5.4
• ts-jest 29.1.1

packages/postcss/package.json

• autoprefixer 10.4.16
• postcss 8.4.31
• postcss-import 15.1.0
• tailwindcss 3.3.3

packages/prettier/package.json

packages/stylelint/package.json

• stylelint-config-prettier 9.0.5
• stylelint-config-recess-order 4.3.0
• stylelint-config-standard-scss 11.0.0
• stylelint-prettier 4.0.2

packages/tailwind/package.json

• clsx 2.0.0
• dotenv 16.3.1
• tailwind-merge 1.14.0
• tailwind-variants 0.1.14
• add 2.0.6
• autoprefixer 10.4.16
• mini-svg-data-uri 1.4.4
• postcss 8.4.31
• postcss-import 15.1.0
• tailwindcss 3.3.3
• tailwindcss-animate 1.0.7
• tw-colors 3.0.3

packages/tsconfig/package.json

• @tsconfig/create-react-app 2.0.1
• @tsconfig/esm 1.0.4
• @tsconfig/next 2.0.0
• @tsconfig/node-lts 18.12.5
• @tsconfig/strictest 2.0.2

packages/type/package.json

• dotenv 16.3.1
• add 2.0.6
• ts-essentials 9.4.0

packages/urql/package.json

• @urql/core 4.1.3
• @urql/devtools 2.0.3
• @urql/next 1.0.0
• date-fns 2.30.0
• graphql 16.8.1
• graphql-ws 5.14.1
• urql-custom-scalars-exchange 1.0.1

---

• Check this box to trigger a request for Renovate to run again on this repository

`website-v1` を再実装する