Sign-up form best practicesYouTube↗  IA↗(long shot)
Science & Technology  21.1K views 1.1K likes 11 dislikes   16 Dec 2020
Chrome for Developers 814K subscribers N/A YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
(musique enjouée)
（明るい音楽）
- Avez-vous déjà rencontré des difficultés pour créer un compte
- アカウントを作成しようとして
et vous connecter sur un site Web ?
ウェブサイトにログインして 驚くほど難しいと感じたことはありますか？
Dans cette vidéo, vous allez apprendre quelques techniques simples
このビデオではいくつかの 簡単なテクニックを学びます
pour vous assurer que votre site gère parfaitement les noms,
あなたのサイトが確実に、名前、 パスワード、アカウントの詳細を
mots de passe et détails des comptes.
適切に処理できるようにします
Mais avant de commencer,
しかし そもそも
avez-vous vraiment besoin que vos utilisateurs créent un compte ?
本当にユーザーがアカウントを 作成する必要がありますか？
La meilleure connexion est l'absence de connexion.
最良のログインは ログインしないことです
Ne cachez pas les fonctionnalités derrière la connexion.
単にできるからという理由でログインの 背後の機能にゲートを設けないでください
Demander à un utilisateur de créer un compte revient à lui demander une faveur.
ユーザーにアカウント作成を求めることは ユーザーにお願いをするということです
Rappelez-vous que chaque mot de passe et chaque donnée personnelle
そして覚えておいてください すべてのパスワードと 保存している
que vous stockez porte avec elle une sorte
個人データのすべての項目は アカウントと共に運ばれます
de dette de données confidentielles.
私はこれをプライバシーデータの借金 と呼んでいます
Si vous souhaitez seulement sauvegarder des informations
ユーザーの情報を保存して
pour un utilisateur entre plusieurs sessions de navigation,
単にナビゲーションやブラウジング セッション間で使う必要があるのなら
utilisez le stockage côté client
クライアント側のストレージを使います
au lieu de l'obliger à créer un compte.
ユーザーにアカウントの作成を 強制するのではなく
Pour en savoir plus sur le stockage côté client, rendez-vous sur web.dev.
web.devでクライアント側の ストレージの詳細を確認できます
Par exemple, pour les sites de vente, il a été montré
たとえば ショッピングサイトの場合
que forcer les utilisateurs à créer un compte pour effectuer un achat
購入時にユーザーにアカウントの 作成を強制する
était l'un des premiers facteurs
主な理由の1つとして 挙げられるのが
d'abandon du panier.
ショッピングカートの放棄です
Si vous gérez une boutique en ligne,
あなたがオンラインストアを 運営しているのなら
autorisez par défaut le paiement pour les visiteurs non connectés
ゲストチェックアウトをデフォルトにして
et proposez-leur d'enregistrer leurs informations client
購入が完了してから 顧客の詳細を保存して
et de créer un compte une fois l'achat effectué.
アカウントを作成することを提案します
Cependant, si vous devez vraiment
そのすべてが片付いて
obliger les utilisateurs à se connecter,
ユーザーにサインインさせる必要がある場合は
faites en sorte de leur rendre la tâche aussi facile et rapide que possible.
できるだけ速く簡単にしましょう
Tout d'abord, indiquez clairement où créer un compte.
まず どこからサインインするかを 明確にします
Un bouton de connexion ou d'inscription clairement visible est une bonne option,
1つの大きなログインまたは サインインボタンが適切です
contrairement à une icône vague ou une formulation évasive.
あいまいなアイコンや あいまいな表現ではなく
Et une fois que les utilisateurs se sont connectés,
そして ユーザーがサインインすると
montrez-leur clairement comment
ユーザーがどのようにアカウントの詳細に アクセスできるかを
accéder aux détails de leur compte.
きわめて明確にします
En tout particulièrement, simplifiez la modification du mot de passe.
特にパスワードを簡単に 変更できるようにしてください
Vous vous demandez peut-être s'il est nécessaire d’ajouter
サインインのほかに
des boutons ou des liens de création de compte ou de connexion.
アカウント作成のボタンやリンクを 追加するかどうかを 悩む人もいるでしょう
De nombreux sites affichent désormais un simple bouton de connexion.
現在多くのサイトはシングルサインインボタンを 表示するだけです
Lorsque l'utilisateur clique dessus,
ユーザーがそのボタンをクリックすると
un lien s'affiche également pour leur permettre de créer un compte.
必要に応じてアカウント作成の リンクも表示されます
Il s'agit aujourd'hui du modèle le plus répandu,
これが今では一般的なパターンです
compréhensible pour la plupart des utilisateurs.
そしてほとんどのユーザーが これを理解するでしょう
Assurez-vous d'associer les comptes des utilisateurs
GoogleやFacebookなど
qui s'inscrivent via un fournisseur d'identité,
IDプロバイダーを介して サインアップするユーザーのアカウントを
comme Google ou Facebook, et qui s'inscrivent également
確実に関連づけてください
en renseignant une adresse e-mail et un mot de passe.
また 電子メールとパスワードを使用して サインアップするユーザーも
Il vous suffit simplement d'utiliser l'adresse e-mail de l'utilisateur
IDプロバイダーのプロファイルデータから ユーザーの
accessible à partir du profil du fournisseur d'identité,
メールアドレスにアクセスできれば 簡単に関連づけて
et d'associer les deux comptes.
2つのアカウントを照合できます
Je le répète, mais quoi que vous fassiez,
今私はこう言い続けています あなたが何をするにしても
tirez parti de la puissante fonctionnalité multiplateforme
強力なクロスプラットフォーム機能を 最大限に活用することです
qui est intégrée aux éléments de formulaire et d'entrée
これは最新のすべてのブラウザの フォームと入力要素に
sur tous les navigateurs récents.
組み込まれています
Dans notre article et notre vidéo sur web.dev, nous partageons
サインインフォームの ベストプラクティスに関する
avec vous des recommandations sur les formulaires d'inscription.
web.devの記事と動画で 詳細を確認できます
Vous y trouverez également beaucoup d'excellents conseils pour améliorer
フォームのデザイン、 レイアウト
la conception, la mise en page et l'accessibilité des formulaires.
アクセシビリティを改善する方法についても 素晴らしいヒントが見つかります
Dans le processus d'inscription, il vous faut minimiser la complexité.
サインアップフローでのあなたの仕事は 複雑さを最小限に抑えることです
Éliminez les obstacles et assurez-vous que l'utilisateur sait où il va.
煩雑さを解消し ユーザーの集中力を維持します
Ce n'est pas le moment de le distraire inutilement.
これは気晴らしや誘惑の 時間ではありません
Ne collectez des données utilisateur supplémentaires, comme le nom
名前や住所などの追加のユーザーデータを 収集するのは
et l'adresse, que lorsque vous en avez besoin,
必要なときに限定し
et que l'utilisateur voit clairement un avantage
またユーザーにとって そのデータを提供するメリットが
à fournir ces données.
明確にわかるときに限ります
Vous devez vous rappeler que chaque donnée que vous communiquez
通信および保存するすべてのデータ項目に
et stockez s'associe à un coût et à une responsabilité.
コストと責任が発生します それを覚えておく必要があります
Par ailleurs, ne doublez pas les entrées juste pour vous assurer
ちなみに 2回入力させるのもやめましょう
que les utilisateurs saisissent correctement leurs informations.
ただ ユーザーの連絡先の詳細が 正しいことを確認します
Avec la saisie automatique, cela ne rime à rien.
オートコンプリートでは 意味がありません
Envoyez plutôt un code de confirmation aux utilisateurs,
代わりに ユーザーが連絡先の 詳細を入力したら
une fois qu'ils ont saisi leurs informations, puis poursuivez
確認コードを ユーザーに送信します
la création du compte après avoir reçu leur réponse.
ユーザーが応答したら アカウントの作成を続行します
C'est un modèle d’inscription bien connu aujourd'hui
これも現在よく知られている サインアップパターンですが
et la bonne approche à adopter.
良いアプローチです
Nnous allons voir une technique simple que vous devriez peut-être envisager :
次に 皆さんが考慮したいかもしれない 簡単なテクニックを紹介します
autoriser la connexion sans mot de passe
パスワードなしのサインインを許可する方法です
en envoyant un code aux utilisateurs à chaque connexion
そうするには 新しいデバイスまたはブラウザに サインインするたびに
depuis un nouvel appareil ou navigateur.
ユーザーにコードを送信します
Des sites comme Slack et Medium utilisent une version de cette méthode.
SlackやMediumなどのサイトは このバージョンを使用しています
Comme pour la connexion fédérée, cela présente un avantage supplémentaire :
フェデレーションログインと同様に これには追加のメリットがあります
vous n'avez pas besoin de gérer les mots de passe.
パスワードを管理する必要がないことです
Dans ce cas,
さて この場合
vous devrez prendre choisir la durée de la session avec soin.
セッションの長さを慎重に 決める必要があります
Combien de temps l'utilisateur reste-t-il connecté,
ユーザーがログインしたままでいる時間と
et qu'est-ce qui pourrait vous amener à les déconnecter ?
どんな理由でユーザーをログアウトさせるかです
Vous devrez le faire pour toutes les approches liées
しかし どんなアプローチでも 必要になるのは
à l'identité de l’utilisateur.
ユーザーIDを取得することです
Il n'y a pas de règle absolue ici,
ここには厳格なルールはありませんが
mais vous devez prendre en compte le bureau et le mobile,
考慮すべきことがあります モバイルとデスクトップの違いや
et si les utilisateurs envoient leurs données depuis un ordinateur
ユーザーがデスクトップで共有しているか
ou partagent leurs appareils.
またはデバイスを共有しているかなどです
Vous pouvez contourner certains des problèmes liés aux appareils partagés
共有デバイスの問題のいくつかは 回避できます
en influençant la réauthentification pour les fonctionnalités sensibles.
これは機密性の高い機能の再認証に 影響します
Par exemple, lors de la réalisation d'un achat ou de la mise à jour d’un compte.
たとえば 購入を行うときや アカウントが更新されるときです
Et maintenant, le sujet tant attendu :
ここでいわゆる「部屋の中の象」 （無視されがちな問題）があります
quid des mots de passe ?
パスワードはどうなっているのか？
Les mots de passe sont démodés.
パスワードは前世紀の遺物です
Nous devrions nous affranchir des mots de passe,
パスワードを使わないようにする必要があります
mais le voyage sera long.
しかしその道のりは楽ではありません
Vous devriez bien sûr proposer une connexion fédérée
当然 IDプロバイダ経由で フェデレーションログインを
via des fournisseurs d'identité.
提供する必要があり ます
Mais en réalité, certains utilisateurs préfèrent
しかし現実には 一部のユーザーにとって より快適なのは
se connecter avec une adresse e-mail et un mot de passe.
電子メールとパスワードのログインです
Le problème vient du fait
もちろん
que les utilisateurs peuvent abandonner votre site s'ils perdent
ユーザーがパスワードを忘れると あなたのサイトの利用を
leur mot de passe et surtout lorsqu'ils utilisent un nouveau téléphone,
諦めるかもしれないという 問題があります
un nouvel ordinateur et s'ils partagent leurs appareils.
特に新しい電話やコンピュータ、 共有デバイスを使うときに起こります
Que peut-on faire ?
どうすればよいでしょうか？
Eh bien, vous devez aider les gestionnaires de mots de passe
やるべきことは サードパーティおよび
tiers ou intégrés au navigateur
組み込みのブラウザパスワードマネージャーが
à faire ce qu'ils font le mieux :
最善を尽くせるようにサポートすることです
suggérer et stocker des mots de passe
パスワードを提案して保存し
pour que les utilisateurs n’aient pas besoin de choisir
ユーザーが自分でパスワードを 選択したり、記憶したり
ou de saisir leur mot de passe eux-mêmes.
入力したりしなくてもよいようにします
Ces gestionnaires fonctionnent à merveille dans les navigateurs récents,
パスワードマネージャーは最新のブラウザで 非常にうまく機能します
ils synchronisent les comptes sur les appareils,
複数のデバイス間、ネイティブおよび ウェブアプリ間でも
sur les applications natives et Web et pour les nouveaux appareils.
新しいデバイスでも アカウントが同期されます
Votre tâche principale est donc
そしてこれが意味するのは あなたにとって最重要タスクは
de vous assurer de coder correctement vos formulaires.
フォームが正しくコーディングされているかを 確認することです
Si vous deviez ne faire qu'une seule chose après avoir regardé cette vidéo,
この動画を見た後に 1つ実行するとしたら
ce serait vérifier votre code HTML
ぜひ HTMLを再確認して
pour vous assurer d'utiliser les bonnes valeurs de saisie automatique
サインアップフォームで正しい オートコンプリート値を使用していることを
dans votre formulaire d'inscription.
確認してください
Les formulaires d'inscription utilisent la autocomplete=new password
サインアップフォームの 新しいパスワードには
pour les nouveaux mots de passe et autocomplete=email
autocomplete= new password、メールアドレスには
pour les adresses e-mail.
autocomplete = email を使用します
Les formulaires de codage permettent aux gestionnaires de mots de passe
フォームを正しくコーディングすると ブラウザのパスワードマネージャーが
du navigateur de comprendre votre code pour sauvegarder
コードを理解して強力なパスワードを
et suggérer des mots de passe forts.
保存または提案できるようになります
Permettre aux gestionnaires de mots de passe de suggérer des mots de passe sécurisés
パスワードマネージャーが強力なパスワードを 提案できるようになったことは
est la meilleure option,
最良の選択肢です
mais de nombreux utilisateurs souhaitent saisir leur propre mot de passe.
しかし 多くのユーザーは独自のパスワードを 入力したいと思っているので
Vous devez donc mettre en œuvre des règles pour garantir la sécurité du mot de passe.
パスワード強度のルール を実装する必要があります
Je n'entrerai pas dans les détails ici,
ここでは詳しく説明しませんが
mais aux États-Unis, l'Institut national des normes et de la technologie,
米国国立標準技術研究所 （NIST）が
également connu sous le nom de NIST, fournit des conseils détaillés en la matière.
完全なガイダンスを提供しています
Désormais, quelles que soient les règles que vous choisissez pour les mots de passe,
どのようなパスワードのルールを 選択するにしても
vous ne devez jamais autoriser les mots de passe compromis.
不正使用されたパスワードは 決して許可しないでください
Une fois qu'un utilisateur a entré un mot de passe,
ユーザーがパスワードを入力すると
vous devez vérifier que ce mot de passe
すでに不正使用された パスワードではないことを
n'a jamais été compromis.
確認する必要があります
Le site « Have I Been Pwned » propose
Have I Been Pwnedサイトでは パスワードチェック用のAPIを
une API pour vérifier son mot de passe,
提供しています
et vous avez aussi la possibilité de l'exécuter vous-même en tant que service.
または これをサービスとして 自分で実行することもできます
Le gestionnaire de mots de passe de Chrome vous permet également de vérifier
Chromeのパスワードマネージャーで いずれかの既存のパスワードが
si l'un de vos mots de passe existants a été compromis.
不正使用されていないか 確認することもできます
Si vous refusez le mot de passe proposé par un utilisateur,
ユーザーが提案したパスワードを 拒否する場合は
dites-leur précisément pourquoi il a été rejeté.
拒否の理由を具体的に ユーザーに伝えてください
Affichez les problèmes liés au mot de passe aussitôt que l'utilisateur
ユーザーが値を入力したときにすぐに パスワードの問題を
a saisi une valeur,
インラインで表示します
pas après avoir tenté de soumettre le formulaire d'inscription.
サインアップフォームを送信 しようとした後ではありません
Vous devriez cependant autoriser le copier-coller des mots de passe.
ただし パスワードの貼り付けは 許可する必要があります
Il existe un certain nombre de cas où il est judicieux
いくつかの実用的なユースケースが ありますが これは
de copier un mot de passe.
あるコンテキストから別のコンテキストに パスワードをコピーするためです
Maintenant, quelques petits détails
次に 簡単に説明するのは
au sujet de la politique des mots de passe sur le back-end.
バックエンドのパスワードポリシーについてです
Et la règle la plus importante ici :
ここでの最重要ルールは
hachez vos mots de passe.
パスワードのソルトとハッシュ化です
En d'autres termes, ne stockez pas
つまり プレーンテキストで
et ne transmettez pas de mots de passe en texte brut,
パスワードを保存または送信してはいけません
et n'essayez pas de réinventer votre propre algorithme de hachage.
また 独自のハッシュアルゴリズムを 再発明しようとしないでください
Ne forcez pas non plus les utilisateurs
さらに ユーザーにパスワードの
pour changer régulièrement leur mot de passe.
定期的な変更を強制しないでください
Des études ont montré que les obliger à changer leur mot de passe
調査によると パスワードの更新 を強制すると
pouvait être coûteux pour les services informatiques,
当然 IT部門のコストが増える 可能性があり
sans avoir d'impact réel sur la sécurité.
セキュリティの強化には それほど影響しません
Vous risquez également d'encourager les utilisateurs à
さらに これにより
utiliser des mots de passe faciles à retenir et moins sécurisés,
安全でない覚えやすいパスワードを使ったり
ou de les inciter à garder une copie physique de leur mot de passe.
パスワードの物理記録を保存するように ユーザーに促すことになります
Vous devriez plutôt
その代わり
surveiller les activités inhabituelles sur les comptes et avertir les utilisateurs.
異常なアカウントアクティビティを監視して ユーザーに警告します
C'est une pratique à adopter dans tous les cas.
とにかくそうすべきです
Si possible, vous devez également surveiller les mots de passe
可能であれば 既存のユーザーのパスワードも
pour que vos utilisateurs actuels vérifient les mots de passe
監視して データ漏えいによって パスワードが
qui ont été compromis en raison de violations de données.
不正使用されていないか 確認する必要があります
Vous pouvez également permettre aux utilisateurs d'accéder
アカウントのログイン履歴に
à l'historique de connexion de leur compte,
ユーザーがアクセスできるようにして
en leur indiquant le lieu et l'heure où cette connexion inhabituelle s'est produite.
ログインが発生した場所と時間を 示すこともできます
Et bien sûr, vous devriez
もちろん
faciliter la réinitialisation du mot de passe
ユーザーがパスワードを忘れた場合は ごく簡単に
pour les utilisateurs en cas d'oubli.
リセットできるようにする 必要があります
OWASP ou O W A S P,
OWASP、正式名称
le projet Open Web Application Security
Open Web Application Security Projectが
fournit des conseils détaillés à ce sujet
これに関する詳細なガイダンスと
et pour d'autres cas d'utilisation d'identité.
その他のアイデンティティユースケースを 多数提供しています
Je déconseille vivement d'utiliser des indices de mot de passe
パスワードのヒントを使って アカウントを再確認するのは
en guise de vérification.
絶対に避けてください
Ces méthodes sont peu sûres.
この方法はきわめて危険です
Vous devriez envisager de prendre en charge l'authentification multifacteur,
多要素認証のサポートを 検討する必要があります 特に
surtout si votre site gère des informations
あなたのサイトで個人情報や
sensibles ou à caractère personnel.
機密情報を扱う場合は なおさらです
Je vous conseille de jeter un coup d'œil
ぜひ参照することをお勧めしたいのは
au travail d'Eiji Kitamura sur ce sujet,
これに関するEiji Kitamura氏の 資料です
notamment sa nouvelle vidéo sur les meilleures pratiques SMS OTP.
SMS OTPのベストプラクティスに関する 彼の新しい動画が含まれています
Dans le monde réel, vous aurez besoin
現実の世界では 皆さんは
d'implémenter la gestion des mots de passe.
パスワード処理を実装する必要があるでしょう
Cependant, vous devez également permettre à vos utilisateurs
ただし ユーザーがサードパーティの IDプロバイダ経由で
de se connecter via un fournisseur d'identité tiers.
ログインできるようにする 必要もあります
C'est ce qu'on appelle aussi la connexion fédérée.
これはフェデレーションログイン とも呼ばれます
Cette approche présente plusieurs avantages.
現在 このアプローチに はいくつかのメリットがあります
Pour les utilisateurs qui créent un compte à l'aide d'une connexion fédérée,
フェデレーションログインを使用して アカウントを作成するユーザーの場合
inutile de demander, de communiquer ou de stocker des mots de passe.
パスワードを要求、送信、 保存する必要はありません
Vous pourrez peut-être aussi
さらに
accéder à des informations de profil vérifiées supplémentaires
フェデレーションログインから 電子メールアドレスなどの
à partir d'une connexion fédérée, comme l'adresse e-mail :
追加の検証済みプロファイル情報に アクセスできるかもしれません
l'utilisateur n'a donc pas besoin
つまり ユーザーはデータを
de saisir lui-même ces données, et vous n'avez pas besoin
入力する必要がなく 皆さんは
pour faire la vérification vous-même.
自分で確認する必要がありません
La connexion fédérée peut également faciliter la tâche
フェデレーションログインにより
des utilisateurs lorsqu'ils commencent à utiliser un nouvel appareil.
新しいデバイスを入手したときに ユーザーははるかに楽になります
Vous devez vraiment prendre en compte ces informations
本当にこの点を考える必要があるのは
pour améliorer la première expérience des utilisateurs.
初日の経験を検討する場合です
Rappelez-vous que beaucoup d'utilisateurs souhaitent
思い出してください 多くのユーザーが、スマートフォン
se connecter depuis leur téléphone, ordinateur portable ou de bureau,
ノートパソコン、タブレット、テレビ
leur tablette, la télévision ou une voiture, et sur d'autres plates-formes.
車、その他のプラットフォームから ログインできることを期待しています
À chaque nouvel appareil, vous risquez de perdre des utilisateurs,
そしてこの瞬間にあなたは ユーザーを失うリスクがあり
ou du moins de perdre le contact avec eux
少なくとも再びセットアップするまでは
jusqu'à ce qu'ils reconfigurent la connexion à leur compte.
音信不通になります
Vous devez faciliter au mieux ce processus
ユーザーが新しいデバイスで簡単に
pour que les utilisateurs qui utilisent de nouveaux appareils
サイトに復帰して実行できるようにする
remontent en selle et se reconnectent sur votre site.
必要があります
La connexion fédérée
これはフェデレーションログインが 本当に役立つ
peut également se révéler d'une aide précieuse.
もう1つの領域です
Que les utilisateurs se connectent ou non via la connexion fédérée,
ユーザーがフェデレーションログインに アクセスするかどうかに関係 なく
vous devez simplifier le changement de compte.
アカウントを簡単に切り替えられるように する必要があります
Beaucoup d'utilisateurs partagent leurs appareils, et changer de compte
多くのユーザーがデバイスを 共有しているので アカウントを
facilement permet de rendre l'expérience plus agréable.
簡単に切り替えられると 摩擦がかなり減ります
Voici l'élément central qui permettra de protéger vos utilisateurs
あなたのユーザーとビジネスの 安全を確保するために
et votre entreprise.
重要なことがあります
Sur de nombreux sites, changer son mot de passe
多くのサイトで 驚くほど難しいのは
se révèle étonnamment difficile.
パスワードの変更方法を 理解することです
Il est essentiel
ユーザーのパスワード変更を
que vous aidiez vos utilisateurs à changer leur mot de passe
サポートすることが 特に重要になるのは
s'ils découvrent que ce dernier a été compromis.
パスワードが危険にさらされていることに ユーザーが気づいたときです
Pour leur faciliter la tâche,
もっと簡単にするため
vous devriez ajouter un lien de redirection sur votre site qui leur permettra de
.well-known/change- password URLリダイレクトを
changer leur mot de passe.
あなたのサイトに 追加する必要があります
Ainsi, les gestionnaires de mots de passe
これによりパスワードマネージャーが
peuvent orienter directement vos utilisateurs
ユーザーを直接パスワード管理ページに
vers votre page de gestion des mots de passe.
ナビゲートできるようになります
Cette fonctionnalité est désormais intégrée dans Safari et Chrome
この機能は現在SafariとChromeに 実装されており
et arrivera bientôt sur d'autres navigateurs.
他のブラウザにも導入予定です
Si vous souhaitez en savoir plus, vous pouvez lire notre article sur web.dev.
web.devの記事で 詳細を確認できます
Vous devez également permettre à vos utilisateurs
また ユーザーが希望した場合に
pour supprimer facilement leur compte, si tel est leur souhait.
アカウントを簡単に削除できるようにする 必要もあります
Parlons maintenant des noms et des noms d'utilisateurs.
次に 名前とユーザー名 についてお話ししましょう
Ici, la première règle consiste à ne pas les forcer à choisir un nom d'utilisateur,
ここでの第1のルールは 必要でない限り
sauf si vous en avez besoin.
ユーザー名を要求しないことです
Si vous avez besoin de noms d'utilisateur,
どうしてもユーザー名が必要な場合は
ne leur imposez pas de règles abusives,
不合理なルールを課さないでください
et autorisez-les à mettre à jour leurs pseudonymes
また ユーザーがユーザー名や その他の個人情報を
et autres informations personnelles.
更新できるようにしてください
Cela semble évident, mais c'est la raison pour laquelle, dans le back-end,
当たり前に聞こえるでしょうが そのためにバックエンドでは
vous avez besoin d'un identifiant unique pour chaque utilisateur
ユーザーごとに一意のIDが必要です
et non d'un identifiant basé sur les données des utilisateurs,
これは ユーザー名などの ユーザーデータに基づく
comme un nom d'utilisateur.
識別子ではありません
Vous souhaiterez peut-être valider les noms
フロントエンドで名前とユーザー名を
et les noms d'utilisateur sur le front-end,
検証したいかもしれませんが
mais vous devez leur laisser le plus de liberté possible
文字と英字に関する制限を できるだけ
avec les signes et les lettres.
緩和する必要があります
Alors voici un bon conseil
一番の大事なヒントとして
pour les noms, adresses et noms d'utilisateur :
名前、住所、ユーザー名については
n'utilisez pas d'expressions ordinaires
ラテン文字にのみに一致する
composées uniquement en alphabet latin.
正規表現を使用しないでください
Utilisez plutôt la correspondance des caractères Unicode.
代わりにUnicode文字マッチングを 使用してください
Votre stockage back-end doit la prendre en charge
バックエンドストレージではそれを 入力および出力として
en tant qu'entrée et en tant que sortie en toute sécurité.
安全にサポートする必要があります
Une dernière chose.
最後にもう1つ
Pour les formulaires d'inscription, vous devez absolument
サインアップフォームでは 分析と実際のユーザーの測定を
mettre en œuvre des analyses et des mesures de suivi des utilisateurs réels (RUM).
実装することが重要です
Pour vos formulaires d'inscription, vous devez surveiller l'analyse des pages,
サインアップフォームでは ページ分析を監視 する必要があります
comme les pages visitées, les taux de rebond, les sorties, etc.
ページビュー、直帰率、退出などです
Et assurez-vous d'ajouter l'analyse des interactions,
必ずインタラクション分析を 追加してください
comme les entonnoirs
たとえば ゴールファネルで
à quel endroit les utilisateurs ont abandonné leur inscription, et ainsi de suite.
ユーザーがどこでサインアップを 放棄したのか
Et les événements, par exemple,
また イベントについて たとえば
quelle part d'utilisateurs cliquent sur le lien d'oubli du mot de passe.
パスワードを忘れた場合のリンクを クリックするユーザーの割合などです
Et enfin, suivez les métriques de performances
そして最後にパフォーマンス指標を追跡して
pour comprendre l'expérience réelle de vos utilisateurs.
ユーザーの実際の体験を把握します
Vous pouvez en savoir plus sur les Web Vitals sur web.dev
web.devでWeb Vitalsを 確認して
et découvrir comment accéder aux données de performances réelles des utilisateurs
核となる指標の実際のユーザー パフォーマンスデータにアクセスする方法を
pour les métriques de base.
確認できます
Voilà, nous avons abordé certains points essentiels.
基本的なことはここで説明されていますが
Pour en savoir plus,
もっと詳しく知るには
jetez un œil à l'article et au laboratoire de code
記事を読み コードラボを 受講してください
qui accompagnent cette vidéo.
この動画とも関連する内容です
Et merci beaucoup d'avoir regardé.
ご視聴いただきありがとうございました
(musique enjouée)
（明るい音楽）
Similar videos:

3x3 SEO tips for JavaScript web apps
Chrome for Developers
18.5K views 591 likes 20 dislikes 23 Dec 202061% match

Sign-in form best practice
Chrome for Developers
96.5K views 4.5K likes 41 dislikes 17 Jul 202060% match

Updating the way we work
Chrome for Developers
16.5K views 200 likes 24 dislikes 16 Dec 202059% match

Day 1: Chrome Dev Summit 2020
Chrome for Developers
15.9K views 628 likes 8 dislikes 09 Dec 202055% match

Web development on Chrome OS (Chrome Dev Summit 2019)
Chrome for Developers
17.3K views 455 likes 25 dislikes 25 Nov 201947% match

Chrome Dev Summit 2019 - Day 2 Livestream
Chrome for Developers
12.3K views 195 likes 7 dislikes 12 Nov 201947% match

Chrome Dev Summit 2019 - Day 1 Livestream
Chrome for Developers
21.8K views 461 likes 5 dislikes 11 Nov 201947% match

What’s new in Material Design for the web (Chrome Dev Summit 2019)
Chrome for Developers
38.1K views 915 likes 22 dislikes 22 Nov 201946% match

Faster apps with JSON.parse (Chrome Dev Summit 2019)
Chrome for Developers
300.2K views 12.8K likes 0 dislikes 22 Nov 201945% match

PWAs and capability highlights (Chrome Dev Summit 2019)
Chrome for Developers
8.1K views 200 likes 5 dislikes 16 Nov 201945% match

Tools for fast Angular applications (Chrome Dev Summit 2019)
Chrome for Developers
8.8K views 328 likes 6 dislikes 22 Nov 201945% match

Hello dark mode, my old friend (Chrome Dev Summit 2019)
Chrome for Developers
24.5K views 824 likes 25 dislikes 22 Nov 201944% match

Designing for speed and hacking user perception (Chrome Dev Summit 2019)
Chrome for Developers
9K views 539 likes 4 dislikes 15 Nov 201943% match

In which we make loading disappear with 'portal' and friends (Chrome Dev Summit 2019)
Chrome for Developers
25K views 528 likes 32 dislikes 12 Nov 201943% match

Ready player web: Building modern web games (Chrome Dev Summit 2019)
Chrome for Developers
13.5K views 412 likes 28 dislikes 17 Nov 201942% match

3D, VR and AR on the web (Chrome Dev Summit 2019)
Chrome for Developers
15.3K views 514 likes 2 dislikes 17 Nov 201942% match

How to make your content shine on Google Search (Chrome Dev Summit 2019)
Chrome for Developers
20K views 335 likes 16 dislikes 12 Nov 201941% match

PWA and the installable web (Chrome Dev Summit 2019)
Chrome for Developers
23.6K views 560 likes 15 dislikes 11 Nov 201941% match

What’s new in Canvas - Offscreen Canvas and Text Metric use cases (Chrome Dev Summit 2019)
Chrome for Developers
9.3K views 344 likes 19 dislikes 20 Nov 201940% match

Machine Learning magic for your web application with TensorFlow.js (Chrome Dev Summit 2019)
Chrome for Developers
41.6K views 2K likes 20 dislikes 25 Nov 201939% match

Chrome Dev Summit 2017 - Livestream (Day 1)
Chrome for Developers
24.7K views 0 likes 0 dislikes 23 Oct 201738% match

Chrome Dev Summit 2018 - Day 2 Livestream
Chrome for Developers
13.7K views 229 likes 9 dislikes 13 Nov 201838% match

Chrome Dev Summit 2018 - Day 1 Livestream
Chrome for Developers
30K views 533 likes 23 dislikes 12 Nov 201838% match

Chrome Dev Summit 2017 - Livestream (Day 2)
Chrome for Developers
10.7K views 160 likes 10 dislikes 24 Oct 201738% match

The main thread is overworked & underpaid (Chrome Dev Summit 2019)
Chrome for Developers
93.4K views 2.5K likes 68 dislikes 11 Nov 201937% match

Oh the things you’ll compile - modern WebAssembly (Chrome Dev Summit 2019)
Chrome for Developers
21.1K views 396 likes 16 dislikes 12 Nov 201937% match

Keynote (Chrome Dev Summit 2019)
Chrome for Developers
60.3K views 626 likes 67 dislikes 11 Nov 201936% match

Advancing the web framework ecosystem (Chrome Dev Summit 2019)
Chrome for Developers
11.8K views 192 likes 25 dislikes 12 Nov 201936% match

Using WebAssembly and Threads (Chrome Dev Summit 2018)
Chrome for Developers
19.8K views 493 likes 11 dislikes 13 Nov 201836% match

Speed tooling evolutions: 2019 and beyond (Chrome Dev Summit 2019)
Chrome for Developers
10.1K views 199 likes 7 dislikes 11 Nov 201935% match


Settings Privacy About Contact Donate