From 3d8aacbb9e4998f0789437447cbc198eb75df12c Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 21 May 2024 16:07:57 +0900 Subject: [PATCH 01/60] =?UTF-8?q?feat:=20ErrorScreen=E3=81=AE=E4=BD=BF?= =?UTF-8?q?=E7=94=A8=E7=9B=AE=E7=9A=84=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 8aa367821..99609cb68 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -1,10 +1,12 @@ --- title: 'ErrorScreen' -description: '' +description: 'エラーを全画面で表示をするためのコンポーネントです。' --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' +ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。サービスのメンテナンス時や、その画面の主要な操作を安全に実行できないエラーが発生した場合に使用してください。 + ## props From 0790417693dcc01c54d687b22e1181046a13d5cf Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 21:14:51 +0900 Subject: [PATCH 02/60] =?UTF-8?q?feat:=20`=E4=BD=BF=E7=94=A8=E4=B8=8A?= =?UTF-8?q?=E3=81=AE=E6=B3=A8=E6=84=8F`=20=E3=82=BB=E3=82=AF=E3=82=B7?= =?UTF-8?q?=E3=83=A7=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../articles/products/components/error-screen.mdx | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 99609cb68..b151d54a4 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -5,10 +5,23 @@ description: 'エラーを全画面で表示をするためのコンポーネン import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' -ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。サービスのメンテナンス時や、その画面の主要な操作を安全に実行できないエラーが発生した場合に使用してください。 +ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 +## 使用上の注意 + +一時的なサーバーエラーでただちにErrorScreenを使ってユーザーの操作を阻害するのはやめましょう。[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)を使用してください。 + +### ErrorScreenの使用が推奨されるケース + +下記のような、ユーザーに画面を操作させたくない状況の場合にErrorScreenを使用してください。 + +- 存在しない画面にアクセスした場合 +- ユーザーが画面を閲覧する権限がない場合 +- サービスがメンテナンス中の場合 +- インシデント発生時など、データの閲覧・更新が安全に実行できない状況の場合 + ## props From 23274b6dd6f9f9fae84178c87527bb07cfcfb5d5 Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:34:27 +0900 Subject: [PATCH 03/60] =?UTF-8?q?feat:=20=E6=8E=A8=E5=A5=A8=E3=81=95?= =?UTF-8?q?=E3=82=8C=E3=82=8B=E3=82=B1=E3=83=BC=E3=82=B9=E3=81=AE=E5=BA=8F?= =?UTF-8?q?=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index b151d54a4..6a3c5c6c1 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -15,12 +15,13 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### ErrorScreenの使用が推奨されるケース -下記のような、ユーザーに画面を操作させたくない状況の場合にErrorScreenを使用してください。 +下記のような、ユーザーが操作できない状況やユーザーに操作させたくない状況の場合にErrorScreenを使用してください。 -- 存在しない画面にアクセスした場合 -- ユーザーが画面を閲覧する権限がない場合 +- 存在しないページにアクセスした場合 +- ページにアクセスする権限がない場合 - サービスがメンテナンス中の場合 -- インシデント発生時など、データの閲覧・更新が安全に実行できない状況の場合 +- 一定時間操作がなかった場合 +- 予期しないエラーが発生した場合 ## props From 0af9b5bb49e39a6ebe92f11d2e900d8e975e864d Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:35:20 +0900 Subject: [PATCH 04/60] =?UTF-8?q?feat:=20`=E3=83=AC=E3=82=A4=E3=82=A2?= =?UTF-8?q?=E3=82=A6=E3=83=88`=20=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7?= =?UTF-8?q?=E3=83=B3=E3=81=AB=20`=E5=AD=98=E5=9C=A8=E3=81=97=E3=81=AA?= =?UTF-8?q?=E3=81=84=E3=83=9A=E3=83=BC=E3=82=B8=EF=BC=88404=20=E3=82=A8?= =?UTF-8?q?=E3=83=A9=E3=83=BC=EF=BC=89`=20=E3=82=92=E8=BF=BD=E5=8A=A0?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 6a3c5c6c1..1c7621f88 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -4,6 +4,7 @@ description: 'エラーを全画面で表示をするためのコンポーネン --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' +import { ErrorScreen } from '@Components/ErrorScreen' ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 @@ -23,6 +24,30 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための - 一定時間操作がなかった場合 - 予期しないエラーが発生した場合 +## レイアウト + +### 存在しないページ（404エラー） + +存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 + +```tsx editable codeBlock + +

+ お探しのページは一時的にアクセスができない状況にあるか、 +
+ 移動もしくは削除された可能性があります。 +

+ +``` + ## props From 52fea5c5442fd502ab698bd2d315c88b0ad35e4e Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:38:35 +0900 Subject: [PATCH 05/60] =?UTF-8?q?feat:=20`=E3=83=9A=E3=83=BC=E3=82=B8?= =?UTF-8?q?=E3=81=AB=E3=82=A2=E3=82=AF=E3=82=BB=E3=82=B9=E3=81=99=E3=82=8B?= =?UTF-8?q?=E6=A8=A9=E9=99=90=E3=81=8C=E3=81=AA=E3=81=84=EF=BC=88Forbidden?= =?UTF-8?q?=E3=82=A8=E3=83=A9=E3=83=BC=EF=BC=89`=20=E3=82=92=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 1c7621f88..0cd6a38c5 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -48,6 +48,26 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` +### ページにアクセスする権限がない（Forbiddenエラー） + +ページにアクセスする権限がユーザーにない場合、トップページへ戻るリンクを提供し、必要に応じて管理者へ問い合わせるメッセージを表示してください。 + +```tsx editable codeBlock + +

+ 詳しくは管理者にお問い合わせください。 +

+ +``` + ## props From 289a79c7d485ff5c39f037f7c7a3cd274b928a33 Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:39:14 +0900 Subject: [PATCH 06/60] =?UTF-8?q?feat:=20`=E3=82=B5=E3=83=BC=E3=83=93?= =?UTF-8?q?=E3=82=B9=E3=81=8C=E3=83=A1=E3=83=B3=E3=83=86=E3=83=8A=E3=83=B3?= =?UTF-8?q?=E3=82=B9=E4=B8=AD`=20=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 0cd6a38c5..42a8e5c8e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -68,6 +68,31 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` +### サービスがメンテナンス中 + +サービスがメンテナンス中の場合、`links`でお知らせへのリンクを提供してください。 + +```tsx editable codeBlock + +

+ いつも SmartHR をご利用いただきありがとうございます。 +
+ ただいまメンテナンスのため、一時サービスを停止しております。 +
+ ご迷惑をおかけいたしますが、ご理解のほどよろしくお願いいたします。 +

+ +``` + ## props From f35be66921aba4c7ffc8a738053b7d46047a6aa9 Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:40:59 +0900 Subject: [PATCH 07/60] =?UTF-8?q?feat:=20`=E4=B8=80=E5=AE=9A=E6=99=82?= =?UTF-8?q?=E9=96=93=E6=93=8D=E4=BD=9C=E3=81=8C=E3=81=AA=E3=81=8B=E3=81=A3?= =?UTF-8?q?=E3=81=9F=EF=BC=88Unauthorized=E3=82=A8=E3=83=A9=E3=83=BC?= =?UTF-8?q?=EF=BC=89`=20=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 42a8e5c8e..602705033 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -93,6 +93,34 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` +### 一定時間操作がなかった（Unauthorizedエラー） + +ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージを表示し、再ログインを促してください。 + +「セッションがタイムアウトしました。」は一般的なユーザーには伝わりにくい表現なので「自動でログアウトしました」を推奨します。 + +また、必要であれば「5秒後に再ログインします。」などのメッセージ表示と実装も検討してください。 + +```tsx editable codeBlock + +

+ 一定時間操作がなかったため、自動でログアウトしました。 +
+ 指定のページにアクセスするには、再度ログインが必要です。 +
+ 5秒後に再ログインします。 +

+ +``` + ## props From 1dc12c7ed02a87b71178b34b09a58f78d7de9671 Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 22:41:16 +0900 Subject: [PATCH 08/60] =?UTF-8?q?feat:=20`=E4=BA=88=E6=9C=9F=E3=81=97?= =?UTF-8?q?=E3=81=AA=E3=81=84=E3=82=A8=E3=83=A9=E3=83=BC=E3=81=8C=E7=99=BA?= =?UTF-8?q?=E7=94=9F=E3=81=97=E3=81=9F=EF=BC=88Unexpected=E3=82=A8?= =?UTF-8?q?=E3=83=A9=E3=83=BC=EF=BC=89`=20=E3=82=92=E8=BF=BD=E5=8A=A0?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 602705033..0798c1b90 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -121,6 +121,26 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` +### 予期しないエラーが発生した（Unexpectedエラー） + +データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。必要があればトップページへ戻るリンクを提供してください。 + +```tsx editable codeBlock + +

+ 時間をおいてもう一度おためしください。 +

+ +``` + ## props From 295434f149f6d58853d562946750969ce4b4d6ae Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 5 Jun 2024 23:08:08 +0900 Subject: [PATCH 09/60] =?UTF-8?q?feat:=20`=E4=B8=80=E5=AE=9A=E6=99=82?= =?UTF-8?q?=E9=96=93=E6=93=8D=E4=BD=9C=E3=81=8C=E3=81=AA=E3=81=8B=E3=81=A3?= =?UTF-8?q?=E3=81=9F=EF=BC=88Unauthorized=E3=82=A8=E3=83=A9=E3=83=BC?= =?UTF-8?q?=EF=BC=89`=20=E3=81=AE=E3=82=B3=E3=83=BC=E3=83=89=E4=BE=8B?= =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../articles/products/components/error-screen.mdx | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 0798c1b90..0e93e7687 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -4,7 +4,7 @@ description: 'エラーを全画面で表示をするためのコンポーネン --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' -import { ErrorScreen } from '@Components/ErrorScreen' +import { Button, Center, dErrorScreen } from '@Components/ErrorScreen' ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 @@ -95,21 +95,15 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 一定時間操作がなかった（Unauthorizedエラー） -ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージを表示し、再ログインを促してください。 +ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージとログインボタンを表示し、再ログインを促してください。 「セッションがタイムアウトしました。」は一般的なユーザーには伝わりにくい表現なので「自動でログアウトしました」を推奨します。 -また、必要であれば「5秒後に再ログインします。」などのメッセージ表示と実装も検討してください。 +また、必要であれば「5秒後に再ログインします。」などのメッセージの表示と実装も検討してください。 ```tsx editable codeBlock

一定時間操作がなかったため、自動でログアウトしました。 @@ -118,6 +112,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための
5秒後に再ログインします。

+
+ +
``` From 9c34307a4d7f027bedf7b3dab2a64d62f5aea873 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 6 Jun 2024 09:40:56 +0900 Subject: [PATCH 10/60] =?UTF-8?q?chore:=20import=20=E3=82=92=E4=BF=AE?= =?UTF-8?q?=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 0e93e7687..901e89a45 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -4,7 +4,7 @@ description: 'エラーを全画面で表示をするためのコンポーネン --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' -import { Button, Center, dErrorScreen } from '@Components/ErrorScreen' +import { Button, Center, ErrorScreen } from 'smarthr-ui' ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 From f70f61be0670eb6918c2f3410f3eae0983b59d41 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:43:02 +0900 Subject: [PATCH 11/60] =?UTF-8?q?feat:=20=E5=BA=8F=E6=96=87=E3=82=92?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 901e89a45..a7dee3ccc 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -12,11 +12,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## 使用上の注意 -一時的なサーバーエラーでただちにErrorScreenを使ってユーザーの操作を阻害するのはやめましょう。[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)を使用してください。 - -### ErrorScreenの使用が推奨されるケース - -下記のような、ユーザーが操作できない状況やユーザーに操作させたくない状況の場合にErrorScreenを使用してください。 +基本的になんらかのエラーが発生したときに使用してください。以下のようなユーザーが操作できない状況や、ユーザーに操作させたくない状況の場合が該当します。 - 存在しないページにアクセスした場合 - ページにアクセスする権限がない場合 @@ -24,6 +20,8 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための - 一定時間操作がなかった場合 - 予期しないエラーが発生した場合 +フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーには使用せず、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 + ## レイアウト ### 存在しないページ（404エラー） From 74acc90be90aed4c4083a464f43d71edc1744c51 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:43:59 +0900 Subject: [PATCH 12/60] =?UTF-8?q?feat:=20`=E3=83=87=E3=83=95=E3=82=A9?= =?UTF-8?q?=E3=83=AB=E3=83=88`=20=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7?= =?UTF-8?q?=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index a7dee3ccc..3a3687af5 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -24,6 +24,34 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## レイアウト +### デフォルト + +ロゴ、タイトル、本文、複数のリンク、フッターを表示できます。 + +```tsx editable codeBlock + + + エラーメッセージ + + +``` + ### 存在しないページ（404エラー） 存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 From 521bb6337b793c6e4015994a44f2861e9abd174b Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:46:11 +0900 Subject: [PATCH 13/60] =?UTF-8?q?feat:=20`=E3=83=AD=E3=82=B4=E3=81=AE?= =?UTF-8?q?=E3=82=AB=E3=82=B9=E3=82=BF=E3=83=9E=E3=82=A4=E3=82=BA`=20?= =?UTF-8?q?=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3a3687af5..d9f66c13e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -52,6 +52,32 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` +### ロゴのカスタマイズ + +ロゴはデフォルトでSmartHRのものが表示されますが、任意のロゴを指定してカスタマイズが可能です。 + +```tsx editable codeBlock + + + +}> +``` + ### 存在しないページ（404エラー） 存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 From f7a7c9343895d9cf6a9a118cdd9ec7d2eaae5017 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:46:36 +0900 Subject: [PATCH 14/60] =?UTF-8?q?feat:=20`=E3=82=A8=E3=83=A9=E3=83=BC?= =?UTF-8?q?=E5=88=A5=E3=81=AE=E8=A1=A8=E7=A4=BA=E5=86=85=E5=AE=B9`=20?= =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index d9f66c13e..3b3e143e9 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -78,6 +78,8 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }> ``` +## エラー別の表示内容 + ### 存在しないページ（404エラー） 存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 @@ -126,7 +128,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock +

一定時間操作がなかったため、自動でログアウトしました。
@@ -167,6 +170,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための

+ ``` From 6b543f1c3eaab5df89a2255b0c339e53629ac6dc Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:46:58 +0900 Subject: [PATCH 15/60] =?UTF-8?q?feat:=20import=20=E3=82=92=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3b3e143e9..a5328e252 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -4,7 +4,7 @@ description: 'エラーを全画面で表示をするためのコンポーネン --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' -import { Button, Center, ErrorScreen } from 'smarthr-ui' +import { Button, Center, Cluster, ErrorScreen, Stack, TextLink } from 'smarthr-ui' ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 @@ -20,6 +20,8 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための - 一定時間操作がなかった場合 - 予期しないエラーが発生した場合 +具体体はエラー別の表示内容に記述しています。 + フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーには使用せず、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 ## レイアウト From 6862fa95d021dbe02607498094ca43f9e5e2e9bd Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:51:19 +0900 Subject: [PATCH 16/60] =?UTF-8?q?feet:=20`footer`=20props=20=E3=82=92?= =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 22 +++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index a5328e252..ce0e57d8c 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -47,6 +47,28 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための url: '/', }, ]} + footer={ + + +
  • + + ヘルプ + +
    • +     + © SmartHR, Inc. +     + } > エラーメッセージ From f3ea8d682953cc920b5c9c9825a4d8f0619006bd Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:51:39 +0900 Subject: [PATCH 17/60] =?UTF-8?q?feat:=20`=E3=83=87=E3=83=95=E3=82=A9?= =?UTF-8?q?=E3=83=AB=E3=83=88`=20=E5=B0=8F=E8=A6=8B=E5=87=BA=E3=81=97?= =?UTF-8?q?=E3=82=92=E3=83=88=E3=83=AB=E3=83=84=E3=83=A1=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 -- 1 file changed, 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index ce0e57d8c..a49e58d7e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -26,8 +26,6 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## レイアウト -### デフォルト - ロゴ、タイトル、本文、複数のリンク、フッターを表示できます。 ```tsx editable codeBlock From 2c0969d9253c55cdad20bbf20fb4973b9375c329 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 17:52:12 +0900 Subject: [PATCH 18/60] =?UTF-8?q?feat:=20iframe=20=E3=81=AE=E4=B8=AD?= =?UTF-8?q?=E3=81=A7=E5=B9=85=E3=81=84=E3=81=A3=E3=81=B1=E3=81=84=E3=81=AB?= =?UTF-8?q?=E5=BA=83=E3=81=8C=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index a49e58d7e..3617804ec 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -30,6 +30,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock @@ -202,6 +208,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock Date: Mon, 10 Jun 2024 17:54:26 +0900 Subject: [PATCH 19/60] =?UTF-8?q?feat:=20`

    `=20=E3=82=92=20``=20?= =?UTF-8?q?=E3=81=AB=E7=BD=AE=E3=81=8D=E6=8F=9B=E3=81=88=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 22 +++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3617804ec..0ff1204b9 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -4,7 +4,7 @@ description: 'エラーを全画面で表示をするためのコンポーネン --- import { ComponentPropsTable } from '@Components/ComponentPropsTable' import { ComponentStory } from '@Components/ComponentStory' -import { Button, Center, Cluster, ErrorScreen, Stack, TextLink } from 'smarthr-ui' +import { Button, Center, Cluster, ErrorScreen, Stack, Text, TextLink } from 'smarthr-ui' ErrorScreenコンポーネントはエラーを全画面で表示するためのコンポーネントです。 @@ -119,11 +119,11 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > -

    + お探しのページは一時的にアクセスができない状況にあるか、
    移動もしくは削除された可能性があります。 -

    +     ``` @@ -142,9 +142,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > -

    + 詳しくは管理者にお問い合わせください。 -

    + ``` @@ -164,13 +164,13 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > -

    + いつも SmartHR をご利用いただきありがとうございます。
    ただいまメンテナンスのため、一時サービスを停止しております。
    ご迷惑をおかけいたしますが、ご理解のほどよろしくお願いいたします。 -

    + ``` @@ -188,13 +188,13 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための title="一定時間操作がなかったためログアウトしました" > -

    + 一定時間操作がなかったため、自動でログアウトしました。
    指定のページにアクセスするには、再度ログインが必要です。
    5秒後に再ログインします。 -

    +
    @@ -217,9 +217,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > -

    + 時間をおいてもう一度おためしください。 -

    + ``` From d66f229456aa547eaa3f56c98936007cf5da95bb Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:14:18 +0900 Subject: [PATCH 20/60] =?UTF-8?q?feawt:=20`=E3=82=BF=E3=82=A4=E3=83=88?= =?UTF-8?q?=E3=83=AB`=20=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3?= =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 0ff1204b9..7fd2e2ad9 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -102,6 +102,10 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }> ``` +### タイトル + +なぜエラーが発生したのかがわかる文言にしてください。 + ## エラー別の表示内容 ### 存在しないページ（404エラー） From d6362655627dbc60a2e72bec086fc057883716f4 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:14:42 +0900 Subject: [PATCH 21/60] =?UTF-8?q?feat:=20`=E3=83=AD=E3=82=B4`=20=E3=82=BB?= =?UTF-8?q?=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E4=BF=AE=E6=AD=A3?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 42 ++++++++++--------- 1 file changed, 23 insertions(+), 19 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 7fd2e2ad9..ca9402b3d 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -75,31 +75,35 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### ロゴのカスタマイズ +### ロゴ -ロゴはデフォルトでSmartHRのものが表示されますが、任意のロゴを指定してカスタマイズが可能です。 +デフォルトでSmartHRのロゴが表示されます。特別な理由がない限り、必ずロゴを表示してください。 + +#### ロゴのカスタマイズ + +任意のロゴを指定してカスタマイズ可能です。 ```tsx editable codeBlock - - -}> + + + + }> ``` ### タイトル From a10ebd75a2a1d143f1831b9e61b59e2d50ab3a03 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:15:01 +0900 Subject: [PATCH 22/60] =?UTF-8?q?feat:=20`=E6=9C=AC=E6=96=87`=20=E3=82=BB?= =?UTF-8?q?=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E8=BF=BD=E5=8A=A0?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index ca9402b3d..33b081665 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -110,6 +110,10 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための なぜエラーが発生したのかがわかる文言にしてください。 +### 本文 + +タイトルを補足する本文にしてください。 + ## エラー別の表示内容 ### 存在しないページ（404エラー） From 0cbfed92dfdcd21b8cb14c3424cae848c8a9cdcb Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:15:24 +0900 Subject: [PATCH 23/60] =?UTF-8?q?feat:=20`=E3=83=AA=E3=83=B3=E3=82=AF`=20?= =?UTF-8?q?=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E8=BF=BD?= =?UTF-8?q?=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 33b081665..f48fd8f6e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -44,6 +44,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための { label: 'リンク3', url: '/', + target: '_blank', }, ]} footer={ @@ -114,6 +115,12 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための タイトルを補足する本文にしてください。 +### リンク + +エラーになったときにユーザーの助けになるようなページへ誘導できる場合はリンクを表示してください。 + +必要に応じて別タブで開くオプションも利用できます。 + ## エラー別の表示内容 ### 存在しないページ（404エラー） From 447b0ce6ed5890c0732c664b17fb39e058d86ddc Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:16:04 +0900 Subject: [PATCH 24/60] =?UTF-8?q?feat:=20`=E3=83=95=E3=83=83=E3=82=BF?= =?UTF-8?q?=E3=83=BC`=20=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3?= =?UTF-8?q?=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index f48fd8f6e..8528855eb 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -121,6 +121,10 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための 必要に応じて別タブで開くオプションも利用できます。 +### フッター + +プロダクトのグランドルールとして、常にフッターを表示する必要があれば利用できます。 + ## エラー別の表示内容 ### 存在しないページ（404エラー） From 46a4db7a721acd92202b7ad21f3ccf2ae31bcab7 Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 10 Jun 2024 18:16:20 +0900 Subject: [PATCH 25/60] =?UTF-8?q?chore:=20=E6=96=87=E8=A8=80=E3=82=92?= =?UTF-8?q?=E7=B5=B1=E4=B8=80=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 8528855eb..325e38385 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -26,7 +26,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## レイアウト -ロゴ、タイトル、本文、複数のリンク、フッターを表示できます。 +ロゴ、タイトル、本文、リンク、フッターを表示できます。 ```tsx editable codeBlock Date: Tue, 11 Jun 2024 12:55:34 +0900 Subject: [PATCH 26/60] =?UTF-8?q?chore:=20=E6=9C=AC=E6=96=87=E3=81=A8?= =?UTF-8?q?=E8=A6=8B=E5=87=BA=E3=81=97=E3=81=AE=E8=A1=A8=E7=8F=BE=E3=82=92?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../articles/products/components/error-screen.mdx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 325e38385..d3a0f3326 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -109,11 +109,11 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### タイトル -なぜエラーが発生したのかがわかる文言にしてください。 +なぜエラーが発生したのかがわかる文言を設定します。 ### 本文 -タイトルを補足する本文にしてください。 +タイトルを補足する本文を設定できます。 ### リンク @@ -127,7 +127,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## エラー別の表示内容 -### 存在しないページ（404エラー） +### 存在しないページにアクセスした場合（404 Not Foundエラー） 存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 @@ -150,7 +150,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### ページにアクセスする権限がない（Forbiddenエラー） +### ページにアクセスする権限がない場合（403 Forbiddenエラー） ページにアクセスする権限がユーザーにない場合、トップページへ戻るリンクを提供し、必要に応じて管理者へ問い合わせるメッセージを表示してください。 @@ -171,7 +171,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### サービスがメンテナンス中 +### サービスがメンテナンス中の場合 サービスがメンテナンス中の場合、`links`でお知らせへのリンクを提供してください。 @@ -197,7 +197,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### 一定時間操作がなかった（Unauthorizedエラー） +### 一定時間操作がなかった場合（401 Unauthorizedエラー） ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージとログインボタンを表示し、再ログインを促してください。 @@ -225,7 +225,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### 予期しないエラーが発生した（Unexpectedエラー） +### 予期しないエラーが発生した場合（Unexpectedエラー） データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。必要があればトップページへ戻るリンクを提供してください。 From 4efcf0dbe3070ba15e359b6465cc908ceb77377e Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 16:52:19 +0900 Subject: [PATCH 27/60] chore: fix typo --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index d3a0f3326..924495333 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -20,7 +20,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための - 一定時間操作がなかった場合 - 予期しないエラーが発生した場合 -具体体はエラー別の表示内容に記述しています。 +具体的にはエラー別の表示内容に記述しています。 フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーには使用せず、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 From 6e228b760b01b18fa45dbdfbe56087cc7e274c8f Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 16:52:41 +0900 Subject: [PATCH 28/60] =?UTF-8?q?feat:=20=E4=BD=BF=E3=82=8F=E3=82=8C?= =?UTF-8?q?=E3=81=A6=E3=81=84=E3=81=AA=E3=81=9D=E3=81=86=E3=81=AA=E3=83=95?= =?UTF-8?q?=E3=83=83=E3=82=BF=E3=83=BC=E3=82=92=E3=83=88=E3=83=AB=E3=83=84?= =?UTF-8?q?=E3=83=A1=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 26 ------------------- 1 file changed, 26 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 924495333..70b9f1250 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -47,28 +47,6 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための target: '_blank', }, ]} - footer={ - - -
  • - - ヘルプ - -
    • -     - © SmartHR, Inc. -     - } > エラーメッセージ @@ -121,10 +99,6 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための 必要に応じて別タブで開くオプションも利用できます。 -### フッター - -プロダクトのグランドルールとして、常にフッターを表示する必要があれば利用できます。 - ## エラー別の表示内容 ### 存在しないページにアクセスした場合（404 Not Foundエラー） From 347be7f5a79c7e8eff08ba06086eabf4a51e3ab5 Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 16:53:11 +0900 Subject: [PATCH 29/60] =?UTF-8?q?feat:=20`=E3=83=AD=E3=82=B4=E3=81=AE?= =?UTF-8?q?=E3=82=AB=E3=82=B9=E3=82=BF=E3=83=9E=E3=82=A4=E3=82=BA`=20?= =?UTF-8?q?=E3=82=BB=E3=82=AF=E3=82=B7=E3=83=A7=E3=83=B3=E3=82=92=E3=83=88?= =?UTF-8?q?=E3=83=AB=E3=83=84=E3=83=A1=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../products/components/error-screen.mdx | 27 ------------------- 1 file changed, 27 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 70b9f1250..d7856aff6 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -58,33 +58,6 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための デフォルトでSmartHRのロゴが表示されます。特別な理由がない限り、必ずロゴを表示してください。 -#### ロゴのカスタマイズ - -任意のロゴを指定してカスタマイズ可能です。 - -```tsx editable codeBlock - - - - }> -``` - ### タイトル なぜエラーが発生したのかがわかる文言を設定します。 From 55a3952aa974a5e2bad3d29622fe66bbc29a291d Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 16:53:54 +0900 Subject: [PATCH 30/60] =?UTF-8?q?feat:=20`=E3=83=88=E3=83=83=E3=83=97?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8=E3=81=B8=E6=88=BB=E3=82=8B=E3=83=AA?= =?UTF-8?q?=E3=83=B3=E3=82=AF`=20->=20`=E3=83=97=E3=83=AD=E3=83=80?= =?UTF-8?q?=E3=82=AF=E3=83=88=E3=81=AE=E3=83=88=E3=83=83=E3=83=97=E3=83=9A?= =?UTF-8?q?=E3=83=BC=E3=82=B8=E3=81=B8=E6=88=BB=E3=82=8B=E3=83=AA=E3=83=B3?= =?UTF-8?q?=E3=82=AF`=20=E3=81=A8=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index d7856aff6..fbc832f12 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -76,7 +76,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 存在しないページにアクセスした場合（404 Not Foundエラー） -存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、トップページへ戻るリンクを提供してください。 +存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、プロダクトのトップページへ戻るリンクを提供してください。 ```tsx editable codeBlock Date: Tue, 11 Jun 2024 16:56:22 +0900 Subject: [PATCH 31/60] =?UTF-8?q?feat:=20=E3=83=A1=E3=83=B3=E3=83=86?= =?UTF-8?q?=E3=83=8A=E3=83=B3=E3=82=B9=E7=94=BB=E9=9D=A2=E3=81=AE=E8=AA=AC?= =?UTF-8?q?=E6=98=8E=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index fbc832f12..38951d32a 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -120,7 +120,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### サービスがメンテナンス中の場合 -サービスがメンテナンス中の場合、`links`でお知らせへのリンクを提供してください。 +サービスがメンテナンス中の場合、SmartHRのメンテナンス・障害のお知らせへのリンクを別タブで開くように提供してください。 ```tsx editable codeBlock Date: Tue, 11 Jun 2024 17:07:52 +0900 Subject: [PATCH 32/60] =?UTF-8?q?feat:=20`=E4=B8=80=E5=AE=9A=E6=99=82?= =?UTF-8?q?=E9=96=93=E6=93=8D=E4=BD=9C=E3=81=8C=E3=81=AA=E3=81=8B=E3=81=A3?= =?UTF-8?q?=E3=81=9F=E5=A0=B4=E5=90=88`=20=E3=81=AE=E8=AA=AC=E6=98=8E?= =?UTF-8?q?=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 38951d32a..8435ae825 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -146,7 +146,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 一定時間操作がなかった場合（401 Unauthorizedエラー） -ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージとログインボタンを表示し、再ログインを促してください。 +ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージとログインボタンを表示・実装し、この画面から再ログインができるようにしてください。 「セッションがタイムアウトしました。」は一般的なユーザーには伝わりにくい表現なので「自動でログアウトしました」を推奨します。 From 274fb49ae254f7868e89b586d5f2924f3e452b70 Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 17:08:22 +0900 Subject: [PATCH 33/60] =?UTF-8?q?feat:=20=E3=80=8Cn=E7=A7=92=E5=BE=8C?= =?UTF-8?q?=E3=81=AB=E8=87=AA=E5=8B=95=E3=81=A7=E3=83=AD=E3=82=B0=E3=82=A4?= =?UTF-8?q?=E3=83=B3=E3=81=97=E3=81=BE=E3=81=99=E3=80=8D=E3=81=AE=E6=96=87?= =?UTF-8?q?=E8=A8=80=E3=81=A8=E3=83=86=E3=83=B3=E3=83=97=E3=83=AC=E3=83=BC?= =?UTF-8?q?=E3=83=88=E8=A8=98=E8=BF=B0=E3=82=92=E3=83=88=E3=83=AB=E3=83=84?= =?UTF-8?q?=E3=83=A1=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ---- 1 file changed, 4 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 8435ae825..6a4a5214e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -150,8 +150,6 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための 「セッションがタイムアウトしました。」は一般的なユーザーには伝わりにくい表現なので「自動でログアウトしました」を推奨します。 -また、必要であれば「5秒後に再ログインします。」などのメッセージの表示と実装も検討してください。 - ```tsx editable codeBlock 指定のページにアクセスするには、再度ログインが必要です。 -
    - 5秒後に再ログインします。
    From 0a77dfb5c534317264e4d8eb8f976b75d0eed6fd Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 17:17:21 +0900 Subject: [PATCH 34/60] =?UTF-8?q?feat:=20`=E4=BA=88=E6=9C=9F=E3=81=97?= =?UTF-8?q?=E3=81=AA=E3=81=84=E3=82=A8=E3=83=A9=E3=83=BC`=20=E3=81=AE?= =?UTF-8?q?=E6=9C=AC=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 6a4a5214e..3d29d49fe 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -170,7 +170,11 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 予期しないエラーが発生した場合（Unexpectedエラー） -データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。必要があればトップページへ戻るリンクを提供してください。 +データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。 + +また、先述したエラーではない、その他のエラー表示をまとめる場合にもこの表示内容を推奨します。 + +必要があればプロダクトのトップページへ戻るリンクを提供してください。 ```tsx editable codeBlock Date: Tue, 11 Jun 2024 17:27:18 +0900 Subject: [PATCH 35/60] =?UTF-8?q?feat:=20=E4=BA=88=E6=9C=9F=E3=81=97?= =?UTF-8?q?=E3=81=AA=E3=81=84=E3=82=A8=E3=83=A9=E3=83=BC=E3=81=AE=E8=AA=AC?= =?UTF-8?q?=E6=98=8E=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3d29d49fe..03b8d1481 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -172,7 +172,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。 -また、先述したエラーではない、その他のエラー表示をまとめる場合にもこの表示内容を推奨します。 +また、先述したエラー（存在しないページにアクセスした場合、ページにアクセスする権限がない場合、サービスがメンテナンス中の場合、一定時間操作がなかった場合）ではないその他のエラーをまとめて扱う場合にもこの表示内容を推奨します。 必要があればプロダクトのトップページへ戻るリンクを提供してください。 From 9d86c17e6a3c7f10cb2fe7ed9a305a7c968dadf3 Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 18:00:02 +0900 Subject: [PATCH 36/60] =?UTF-8?q?feat:=20=E3=81=9D=E3=81=AE=E4=BB=96?= =?UTF-8?q?=E3=81=AE=E3=82=A8=E3=83=A9=E3=83=BC=E3=81=AE=E8=AA=AC=E6=98=8E?= =?UTF-8?q?=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 03b8d1481..2ea17dd3f 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -172,7 +172,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。 -また、先述したエラー（存在しないページにアクセスした場合、ページにアクセスする権限がない場合、サービスがメンテナンス中の場合、一定時間操作がなかった場合）ではないその他のエラーをまとめて扱う場合にもこの表示内容を推奨します。 +また、先述したエラーではないその他のエラーをまとめて扱う場合にも、この表示内容を使用できます。 必要があればプロダクトのトップページへ戻るリンクを提供してください。 From 5c0bbec68fb82f12758b5895a1039588c7dc52df Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 11 Jun 2024 18:42:02 +0900 Subject: [PATCH 37/60] =?UTF-8?q?feat:=20=E6=96=87=E8=A8=80=E3=82=92?= =?UTF-8?q?=E7=B5=B1=E4=B8=80=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 2ea17dd3f..d4d784d5f 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -26,12 +26,12 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## レイアウト -ロゴ、タイトル、本文、リンク、フッターを表示できます。 +ロゴ、タイトル、メッセージ、リンクを表示できます。 ```tsx editable codeBlock - エラーメッセージ + メッセージ ``` From d5c4624a03dd35c6760948c83b9a3b1b67588585 Mon Sep 17 00:00:00 2001 From: oti Date: Wed, 12 Jun 2024 14:07:02 +0900 Subject: [PATCH 38/60] =?UTF-8?q?feat:=20=E6=97=A5=E6=9C=AC=E8=AA=9E?= =?UTF-8?q?=E5=8A=9B=E3=81=AE=E7=94=98=E3=81=84=E3=81=A8=E3=81=93=E3=82=8D?= =?UTF-8?q?=E3=82=92=E4=BF=AE=E6=AD=A3=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index d4d784d5f..b9baab537 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -20,9 +20,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための - 一定時間操作がなかった場合 - 予期しないエラーが発生した場合 -具体的にはエラー別の表示内容に記述しています。 +具体例はエラー別の表示内容に記述しています。 -フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーには使用せず、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 +フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 ## レイアウト From 0e0ed3e0ba3dfe294698b0163925efd663f0c930 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:04:08 +0900 Subject: [PATCH 39/60] chore: fix typo --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index b9baab537..5a931d9e4 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -22,7 +22,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための 具体例はエラー別の表示内容に記述しています。 -フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponsiveMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 +フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 ## レイアウト From a7e2d5d7c998418e22370e01da7127c5cdd8ebf1 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:06:39 +0900 Subject: [PATCH 40/60] =?UTF-8?q?feat:=20=E5=BA=8F=E6=96=87=E3=82=92?= =?UTF-8?q?=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 5a931d9e4..3a2cbf3c7 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -12,7 +12,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ## 使用上の注意 -基本的になんらかのエラーが発生したときに使用してください。以下のようなユーザーが操作できない状況や、ユーザーに操作させたくない状況の場合が該当します。 +以下のように、エラーによってユーザーが操作できない状況や、ユーザーに操作させたくない状況で使用してください。 - 存在しないページにアクセスした場合 - ページにアクセスする権限がない場合 From 6c0df3dcdafd1edb214b128707cec071f453afce Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:07:14 +0900 Subject: [PATCH 41/60] =?UTF-8?q?feat:=20`=E3=83=AC=E3=82=A4=E3=82=A2?= =?UTF-8?q?=E3=82=A6=E3=83=88=20-=20=E6=9C=AC=E6=96=87`=20=E3=81=AE?= =?UTF-8?q?=E6=9C=AC=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3a2cbf3c7..8b4c6308a 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -64,7 +64,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 本文 -タイトルを補足する本文を設定できます。 +タイトルに補足が必要な場合、本文を設定します。 ### リンク From 3ef278f32e69a945652a1e0f5ab90cea26a438d4 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:09:21 +0900 Subject: [PATCH 42/60] =?UTF-8?q?feat:=20`=E3=83=AC=E3=82=A4=E3=82=A2?= =?UTF-8?q?=E3=82=A6=E3=83=88=20-=20=E3=83=AA=E3=83=B3=E3=82=AF`=20?= =?UTF-8?q?=E3=81=AE=E6=9C=AC=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97?= =?UTF-8?q?=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 8b4c6308a..c2a1bb15e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -70,7 +70,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための エラーになったときにユーザーの助けになるようなページへ誘導できる場合はリンクを表示してください。 -必要に応じて別タブで開くオプションも利用できます。 +必要に応じて別タブで開くオプションも設定します。 ## エラー別の表示内容 From 89b2a5d084599b7152216d0a5df2a6bbaf3e130f Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:11:16 +0900 Subject: [PATCH 43/60] =?UTF-8?q?feat:=20`=E3=83=88=E3=83=83=E3=83=97?= =?UTF-8?q?=E3=83=9A=E3=83=BC=E3=82=B8`=20->=20`=E3=83=9B=E3=83=BC?= =?UTF-8?q?=E3=83=A0`=20=E3=81=AB=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index c2a1bb15e..9cc24f4f9 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -84,7 +84,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための title="お探しのページは見つかりませんでした" links={[ { - label: 'トップページへ戻る', + label: 'ホームへ戻る', url: '/', }, ]} @@ -107,7 +107,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための title="このページを表示する権限がありません" links={[ { - label: 'トップページへ戻る', + label: 'ホームへ戻る', url: '/', }, ]} @@ -174,7 +174,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための また、先述したエラーではないその他のエラーをまとめて扱う場合にも、この表示内容を使用できます。 -必要があればプロダクトのトップページへ戻るリンクを提供してください。 +必要があればプロダクトのホームへ戻るリンクを提供してください。 ```tsx editable codeBlock Date: Thu, 13 Jun 2024 19:11:42 +0900 Subject: [PATCH 44/60] =?UTF-8?q?feat:=20404=20=E3=81=AE=E6=9C=AC=E6=96=87?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 9cc24f4f9..1b82b940f 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -76,7 +76,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 存在しないページにアクセスした場合（404 Not Foundエラー） -存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、プロダクトのトップページへ戻るリンクを提供してください。 +存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、プロダクトのホームへ戻るリンクを提供してください。 ```tsx editable codeBlock Date: Thu, 13 Jun 2024 19:12:16 +0900 Subject: [PATCH 45/60] =?UTF-8?q?feat:=20404=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 1b82b940f..86d585f35 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -81,7 +81,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock - お探しのページは一時的にアクセスができない状況にあるか、 + 指定のページは、一時的にアクセスできない状況にあるか、削除された可能性があります。
    - 移動もしくは削除された可能性があります。 + またはURLが間違っていないか確認してください。     ``` From e21c7360c7e8df2536ef15b408bb77682349330a Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:13:02 +0900 Subject: [PATCH 46/60] =?UTF-8?q?feat:=20403=20=E3=81=AE=E6=9C=AC=E6=96=87?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 86d585f35..28ad302cb 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -99,7 +99,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### ページにアクセスする権限がない場合（403 Forbiddenエラー） -ページにアクセスする権限がユーザーにない場合、プロダクトのトップページへ戻るリンクを提供し、必要に応じて管理者へ問い合わせるメッセージを表示してください。 +ユーザーがページにアクセスする権限をもっていない場合、プロダクトのホームへ戻るリンクを表示します。必要に応じて、管理者へ問い合わせるという対応策を提示してください。 ```tsx editable codeBlock Date: Thu, 13 Jun 2024 19:14:24 +0900 Subject: [PATCH 47/60] =?UTF-8?q?feat:=20503=20=E3=81=AE=E6=9C=AC=E6=96=87?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 28ad302cb..4e8aec698 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -118,9 +118,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### サービスがメンテナンス中の場合 +### サービスがメンテナンス中の場合（503 Service Unavailableエラー） -サービスがメンテナンス中の場合、SmartHRのメンテナンス・障害のお知らせへのリンクを別タブで開くように提供してください。 +サービスがメンテナンス中の場合、SmartHRのメンテナンス・障害のお知らせへのリンクを表示してください。お知らせは、別タブで開くように設定してください。 ```tsx editable codeBlock Date: Thu, 13 Jun 2024 19:14:47 +0900 Subject: [PATCH 48/60] =?UTF-8?q?feat:=20401=20=E3=81=AE=E6=9C=AC=E6=96=87?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 4e8aec698..de3575b99 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -146,7 +146,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 一定時間操作がなかった場合（401 Unauthorizedエラー） -ユーザーが一定時間操作しなかった場合、自動でログアウトしたメッセージとログインボタンを表示・実装し、この画面から再ログインができるようにしてください。 +一定の時間、ユーザーが操作しなかった場合、自動でログアウトしたことがわかるメッセージとログインボタンを表示します。ログインボタンを押せば、再ログインできるようにしてください。 「セッションがタイムアウトしました。」は一般的なユーザーには伝わりにくい表現なので「自動でログアウトしました」を推奨します。 From e0af3f00b0ded0fa7a84e42f4f99c253ebafc3a3 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:15:43 +0900 Subject: [PATCH 49/60] =?UTF-8?q?feat:=20401=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index de3575b99..95618c7bc 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -157,12 +157,12 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための > - 一定時間操作がなかったため、自動でログアウトしました。 + 一定の時間、操作がなかったため、自動でログアウトしました。
    - 指定のページにアクセスするには、再度ログインが必要です。 + 指定のページを表示するには、再度ログインしてください。
    - +
    From cd1cdf61a01f811bf4802ad2a3e6b49262c13a01 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:16:08 +0900 Subject: [PATCH 50/60] =?UTF-8?q?feat:=20500=20=E3=81=AE=E6=9C=AC=E6=96=87?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 95618c7bc..f55c3573f 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -168,11 +168,11 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための     ``` -### 予期しないエラーが発生した場合（Unexpectedエラー） +### 予期しないエラーが発生した場合（500 Internal Server Errorエラー） データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。 -また、先述したエラーではないその他のエラーをまとめて扱う場合にも、この表示内容を使用できます。 +また、このページに記載されていないその他のエラーをまとめて扱う場合にも、以下の表示内容を使用できます。 必要があればプロダクトのホームへ戻るリンクを提供してください。 From aa3df6236f68d4d484ed2af3e318231d73d4ae29 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:16:25 +0900 Subject: [PATCH 51/60] =?UTF-8?q?feat:=20500=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index f55c3573f..6300cdf63 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -179,7 +179,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock - 時間をおいてもう一度おためしください。 + 時間をおいて、やり直してください。 ``` From 322c7ae905a2d7fe219172193dc1a5a99cbefae9 Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:18:46 +0900 Subject: [PATCH 52/60] =?UTF-8?q?feat:=20403=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 6300cdf63..de73561ec 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -113,7 +113,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ]} > - 詳しくは管理者にお問い合わせください。 + 詳しくは、管理者にお問い合わせください。     ``` From c17444c8802883c119d93b7dc58b6a364a0450cb Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:19:22 +0900 Subject: [PATCH 53/60] =?UTF-8?q?feat:=20503=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index de73561ec..0c07b521e 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -135,11 +135,11 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ]} > - いつも SmartHR をご利用いただきありがとうございます。 + いつもSmartHRをご利用いただき、ありがとうございます。
    - ただいまメンテナンスのため、一時サービスを停止しております。 + ただいまメンテナンスのため、一時的にサービスを停止しています。
    - ご迷惑をおかけいたしますが、ご理解のほどよろしくお願いいたします。 + ご迷惑をおかけしますが、ご理解のほどよろしくお願いいたします。     ``` From 0f1687aebb354d79af94ee48810cea15b8c2a65a Mon Sep 17 00:00:00 2001 From: oti Date: Thu, 13 Jun 2024 19:19:55 +0900 Subject: [PATCH 54/60] =?UTF-8?q?feat:=20401=20=E3=81=AE=20codeBlock=20?= =?UTF-8?q?=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 0c07b521e..17964d867 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -153,7 +153,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ```tsx editable codeBlock From 346b5173b972a661e1bcb3e7e55b3aba58a91920 Mon Sep 17 00:00:00 2001 From: oti Date: Sat, 15 Jun 2024 11:08:13 +0900 Subject: [PATCH 55/60] =?UTF-8?q?feat:=20404=20=E3=81=AE=E8=AA=AC=E6=98=8E?= =?UTF-8?q?=E6=96=87=E3=82=92=E5=A4=89=E6=9B=B4=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: InabaShina <110449753+INABAshina@users.noreply.github.com> --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 17964d867..7ff60b1c4 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -76,7 +76,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 存在しないページにアクセスした場合（404 Not Foundエラー） -存在しないページはにアクセスした場合、ページが見つからないだけでなく移動や削除された可能性も表示し、プロダクトのホームへ戻るリンクを提供してください。 +存在しないページはにアクセスした原因として、ページ自体が除された可能性やユーザーがURLを間違えている可能性を提示しましょう。プロダクトのホームへ戻るリンクも表示してください。 ```tsx editable codeBlock Date: Sat, 15 Jun 2024 11:17:20 +0900 Subject: [PATCH 56/60] =?UTF-8?q?feat:=20500=20=E3=82=A8=E3=83=A9=E3=83=BC?= =?UTF-8?q?=E3=81=AE=E8=A6=8B=E5=87=BA=E3=81=97=E3=82=92=E5=A4=89=E6=9B=B4?= =?UTF-8?q?=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: versionfive <64398878+versionfive@users.noreply.github.com> --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 7ff60b1c4..ba43c5c76 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -168,7 +168,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ``` -### 予期しないエラーが発生した場合（500 Internal Server Errorエラー） +### 予期しないエラーが発生した場合（500 Internal Server Errorエラーなど） データの閲覧・作成・更新が安全に実行できない状況の場合、予期しないエラーが発生したメッセージを表示してください。 From ab8aafa670c934ad05e3ef49c28c8fc6ab71a01c Mon Sep 17 00:00:00 2001 From: oti Date: Mon, 17 Jun 2024 11:56:07 +0900 Subject: [PATCH 57/60] =?UTF-8?q?feat:=20Suggestion=E3=81=AE=E6=BC=8F?= =?UTF-8?q?=E3=82=8C=E3=82=92=E5=AF=BE=E5=BF=9C=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index ba43c5c76..161025006 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -76,7 +76,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための ### 存在しないページにアクセスした場合（404 Not Foundエラー） -存在しないページはにアクセスした原因として、ページ自体が除された可能性やユーザーがURLを間違えている可能性を提示しましょう。プロダクトのホームへ戻るリンクも表示してください。 +存在しないページはにアクセスした原因として、ページ自体が移動・削除された可能性やユーザーがURLを間違えている可能性を提示しましょう。プロダクトのホームへ戻るリンクも表示してください。 ```tsx editable codeBlock Date: Tue, 18 Jun 2024 11:13:17 +0900 Subject: [PATCH 58/60] =?UTF-8?q?feat:=20`=E6=9C=AC=E6=96=87`=20->=20`?= =?UTF-8?q?=E3=83=A1=E3=83=83=E3=82=BB=E3=83=BC=E3=82=B8`=20=E3=81=AB?= =?UTF-8?q?=E7=B5=B1=E4=B8=80=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 161025006..3e28aa281 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -62,9 +62,9 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための なぜエラーが発生したのかがわかる文言を設定します。 -### 本文 +### メッセージ -タイトルに補足が必要な場合、本文を設定します。 +タイトルに補足が必要な場合、メッセージを設定します。 ### リンク From 1c2b9adebf717ce37c614b4dd712bc22105f235f Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 18 Jun 2024 11:13:38 +0900 Subject: [PATCH 59/60] =?UTF-8?q?feat:=20`class=3D"shr-text-center"`=20?= =?UTF-8?q?=E3=82=92=E3=83=88=E3=83=AB=E3=83=84=E3=83=A1=E3=81=97=E3=81=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../articles/products/components/error-screen.mdx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 3e28aa281..6f5961d86 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -48,7 +48,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > - + メッセージ @@ -89,7 +89,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > - + 指定のページは、一時的にアクセスできない状況にあるか、削除された可能性があります。
    またはURLが間違っていないか確認してください。 @@ -112,7 +112,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > - + 詳しくは、管理者にお問い合わせください。     @@ -134,7 +134,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > - + いつもSmartHRをご利用いただき、ありがとうございます。
    ただいまメンテナンスのため、一時的にサービスを停止しています。 @@ -156,7 +156,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための title="一定の時間、操作がなかったためログアウトしました" > - + 一定の時間、操作がなかったため、自動でログアウトしました。
    指定のページを表示するには、再度ログインしてください。 @@ -187,7 +187,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための }, ]} > - + 時間をおいて、やり直してください。 From 15d1a035b6cef400d269cd7002331a51a0d4a6f5 Mon Sep 17 00:00:00 2001 From: oti Date: Tue, 18 Jun 2024 13:19:34 +0900 Subject: [PATCH 60/60] =?UTF-8?q?feat:=20=E3=83=95=E3=82=A3=E3=83=BC?= =?UTF-8?q?=E3=83=89=E3=83=90=E3=83=83=E3=82=AF=E3=81=B8=E3=81=AE=E3=83=AA?= =?UTF-8?q?=E3=83=B3=E3=82=AF=E3=82=92=E8=BF=BD=E5=8A=A0=E3=81=97=E3=81=9F?= =?UTF-8?q?=E3=80=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/articles/products/components/error-screen.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/articles/products/components/error-screen.mdx b/content/articles/products/components/error-screen.mdx index 6f5961d86..ef33e212d 100644 --- a/content/articles/products/components/error-screen.mdx +++ b/content/articles/products/components/error-screen.mdx @@ -22,7 +22,7 @@ ErrorScreenコンポーネントはエラーを全画面で表示するための 具体例はエラー別の表示内容に記述しています。 -フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)を使用を検討してください。 +フォームのバリデーションエラーや連携APIの疎通エラーのような一時的なエラーの場合、[NotificationBar](/products/components/notification-bar/)や[ResponseMessage](/products/components/response-message/)、[InformationPanel](/products/components/information-panel/)などを使用を検討します。詳細は[フィードバック](/products/design-patterns/feedback/)の基準を参照してください。 ## レイアウト