詳細

祖先ancestor、親ancestor、子孫ancestorの説明

「子孫」という用語は、アイテムが別のアイテムの内部に含まれていることを意味します。反対に「祖先」は、アイテムが祖先に含まれていることを意味します。次の上下のコンテナでは、より具体的な「親 / 子」という用語が使用されることがあります。たとえば、段落内にリンクがあるドキュメントがあるとします。リンクの親は段落ですが、そのドキュメントも祖先として持ちます。逆に、ドキュメントに段落の子が多数あり、それぞれがリンクになっている場合もあります。リンクはすべて、親ドキュメントの子孫になります。

ユーザーが好きな色を送信できるフォームを作成してみましょう。データは POST リクエストとして送信する必要があります。データが処理される URL は /color である必要があります。

フォームを表示

考えられる解決策の一つは、次のフォームを使用することです。

<form method="post" action="/color">
    <label for="color">What is your favorite color?</label>
    <input type="text" name="color" id="color">
    <button>Save</button>
</form>

たとえば、https://web.dev でスクリプトを実行してフォームデータを処理したいとします。その場合、どのように処理すればよいですか。ぜひお試しください。

回答を切り替える

action 属性を使用すると、スクリプトの場所を選択できます。

<form action="https://example.com/animals">
...
</form>

mkcert の使用: クイック リファレンス

mkcert

HTTPS を使用してローカル開発サイトを実行するには:

  1. mkcert を設定します。

    mkcert をまだインストールしていない場合は（macOS などに）インストールします。

    brew install mkcert

    Windows と Linux の手順については、mkcert のインストールをご覧ください。

    次に、ローカル認証局を作成します。

    mkcert -install

  2. 信頼できる証明書を作成します。

    mkcert {YOUR HOSTNAME e.g. localhost or mysite.example}

    これにより、有効な証明書が作成されます（mkcert によって自動的に署名されます）。

  3. HTTPS とステップ 2 で作成した証明書を使用するように、開発サーバーを設定します。

  4. ✨ これで完了です。警告を表示せずにブラウザから https://{YOUR HOSTNAME} にアクセスできるようになりました