タグ

ブックマーク / developer.mozilla.org (19)

  • HTTP キャッシュ - HTTP | MDN

    HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP

    HTTP キャッシュ - HTTP | MDN
  • オリジン間リソース共有 (CORS) - HTTP | MDN

    HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP

    オリジン間リソース共有 (CORS) - HTTP | MDN
  • <input type="email"> - HTML: ハイパーテキストマークアップ言語 | MDN

    HTML チュートリアル HTML の基 HTML 入門 HTML 入門の概要 HTML を始めよう ヘッド部には何が入る? HTML のメタデータ HTML テキストの基礎 ハイパーリンクの作成 高度なテキスト整形 文書とウェブサイトの構造 HTML のデバッグ 評価課題: 手紙のマークアップ 評価課題: コンテンツのページの構造化 マルチメディアとその埋め込み マルチメディアとその埋め込みの概要 HTML の画像 動画と音声のコンテンツ object から iframe まで — その他の埋め込み技術 ウェブへのベクターグラフィックの追加 レスポンシブ画像 評価課題: Mozilla のスプラッシュページ HTML の表 HTML の表の概要 HTML の表の基 HTML 表の高度な機能とアクセシビリティ 評価課題: 太陽系の惑星データの構造化 リファレンス HTML 要素 <a>

    <input type="email"> - HTML: ハイパーテキストマークアップ言語 | MDN
    iga_k
    iga_k 2021/12/06
    HTMLのemail欄のバリデーション正規表現
  • <a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN

    <a> は HTML の要素(アンカー要素)で、href 属性を用いて、別のウェブページ、ファイル、メールアドレス、同一ページ内の場所、または他の URL へのハイパーリンクを作成します。 <a> の内容は、リンク先を示すものであるべきです。href 属性が存在する場合、<a> 要素にフォーカスがある状態で Enter キーを押すと起動します。 この要素にはグローバル属性があります。 download ブラウザーがリンクされた URL をダウンロードとして扱うようにします。filename 値があってもなくても構いません。 値がない場合は、ブラウザーは様々なソースから生成されたファイル名/拡張子を提案します。 HTTP の Content-Disposition ヘッダー URL のパスの最後の部分 メディア種別(Content-Type ヘッダー、 data: URL の先頭、 blob

    <a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN
    iga_k
    iga_k 2021/05/13
    aタグにdownloadさせるオプション付けられる “リンクされた URL に移動するのではなく、保存するようユーザーに促します。値があってもなくても利用できます。”
  • shadow DOM の使い方 - Web Components | MDN

    ウェブコンポーネントにおける重要な側面の一つが、カプセル化です。マークアップ構造、スタイル、動作を隠蔽し、コード上の他のコードから分離することで、他の部分でクラッシュすることを防ぎ、コードをきれいにしておくことができます。シャドウ DOM API はこの主要部分であり、隠蔽され分離された DOM を要素に取り付けるための方法を提供しています。この記事ではシャドウ DOM を使う基を記述しています。 この記事は、すでにあなたが DOM (Document Object Model) の概念を理解していることを想定しています。これはツリー上の構造で、接続されたノードがマークアップ文書(ウェブ文書の場合は通常 HTML 文書)に現れるさまざまな要素や文字列を表します。例として、以下のような HTML の断片を考えてみましょう。 <!doctype html> <html lang="en-US

    shadow DOM の使い方 - Web Components | MDN
    iga_k
    iga_k 2021/03/31
    “Shadow DOM API はこの隠され分離された DOM を付加するための方法を提供しています。”
  • ユーザーエージェント文字列を用いたブラウザーの判定 - HTTP | MDN

    HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP

    ユーザーエージェント文字列を用いたブラウザーの判定 - HTTP | MDN
    iga_k
    iga_k 2020/10/30
    user agent判別をしないべきの理由
  • Upgrade-Insecure-Requests - HTTP | MDN

    iga_k
    iga_k 2020/10/06
    HTTPからHTTPSへ昇格できるリクエストヘッダー
  • 履歴 API - Web API | MDN

    履歴 API は、ブラウザーのセッション履歴 (WebExtensions history と混同しないように) へのアクセスをグローバルの history オブジェクトを介して提供しています。このオブジェクトは、ユーザーの履歴の中を前のページや後のページへ移動したり、履歴スタックの中を操作したりするのに便利なメソッドやプロパティが提供されています。

    履歴 API - Web API | MDN
    iga_k
    iga_k 2020/09/15
    history api
  • 同一オリジンポリシー - ウェブセキュリティ | MDN

    同一オリジンポリシーは重要なセキュリティの仕組みであり、あるオリジンによって読み込まれた文書やスクリプトが、他のオリジンにあるリソースにアクセスできる方法を制限するものです。 これにより、悪意のある可能性のあるドキュメントを隔離し、起こりうる攻撃のベクターを減らすことができます。例えば、インターネット上の悪意のあるウェブサイトがブラウザー内で JS を実行して、 (ユーザーがサインインしている) サードパーティのウェブメールサービスや (公開 IP アドレスを持たないことで攻撃者の直接アクセスから保護されている) 企業のイントラネットからデータを読み取り、そのデータを攻撃者に中継することを防ぎます。 二つのページのプロトコル、ポート番号 (もしあれば)、ホストが等しい場合、両者のページは同じオリジンです。これは「スキーム/ホスト/ポート番号のタプル」または時に単に「タプル」として参照されま

    同一オリジンポリシー - ウェブセキュリティ | MDN
  • 継承とプロトタイプチェーン - JavaScript | MDN

    JavaScript のオブジェクトはプロパティ(自身のプロパティを指す)の動的な「袋」です。 JavaScript のオブジェクトは、プロトタイプオブジェクトへのリンクを持っています。あるオブジェクトのプロパティにアクセスしようとすると、オブジェクトだけでなく、オブジェクトのプロトタイプ、プロトタイプのプロトタイプへと、一致する名前のプロパティが得られるか、プロトタイプチェーンの終端に到達するまで、プロパティの探索が行われます。 メモ: ECMAScript 標準に従い、 someObject.[[Prototype]] という表記を someObject のプロトタイプを示すのに使用しています。内部スロット [[Prototype]] には Object.getPrototypeOf() と Object.setPrototypeOf() 関数でアクセスすることができます。これは、標準

    継承とプロトタイプチェーン - JavaScript | MDN
  • <details>: 詳細折りたたみ要素 - HTML: ハイパーテキストマークアップ言語 | MDN

    This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020. Learn moreSee full compatibilityReport feedback <details> は HTML の要素で、ウィジェットが「開いた」状態になった時のみ情報が表示される折りたたみウィジェットを作成します。概要やラベルは <summary> 要素を使用して提供する必要があります。 折りたたみウィジェットはふつう、回転して開閉状態を示す小さな三角形を使用し、その隣のラベルと共に画面上に表現されます。 <summary> 要素の内容が折りたたみウィジェットのラベルとして使用されます。 <d

    <details>: 詳細折りたたみ要素 - HTML: ハイパーテキストマークアップ言語 | MDN
    iga_k
    iga_k 2020/04/30
    toggleをdetailsで代用できるそうだ
  • CSS カスタムプロパティ(変数)の使用 - CSS: カスケーディングスタイルシート | MDN

    CSS チュートリアル CSS の基 CSS の第一歩 CSS の第一歩の概要 CSS とは何か CSS 入門 CSS の全体像 CSS の働き 評価課題: 経歴ページのスタイル設定 CSS の構成要素 CSS の構成要素の概要 CSS セレクター Type, class, and ID selectors Attribute selectors Pseudo-classes and pseudo-elements Combinators カスケードと継承 Cascade layers ボックスモデル 背景と境界 書字方向の操作 内容のはみ出し CSS の値と単位 CSS における大きさの指定 画像、メディア、フォームの要素 表のスタイル付け CSS のデバッグ CSS の整理 評価課題: CSS の基的な理解度 評価課題: 素敵なレターヘッドの便箋の作成 評価課題: かっこいいボック

    CSS カスタムプロパティ(変数)の使用 - CSS: カスケーディングスタイルシート | MDN
    iga_k
    iga_k 2020/03/12
    ブラウザでCSS用変数をランタイムで扱える機能が入る
  • Content-Security-Policy - HTTP | MDN

    HTTP ガイド リソースと URI ウェブ上のリソースの識別 データ URL MIME タイプ入門 よくある MIME タイプ www 付きと www なしの URL の選択 HTTP ガイド HTTP の基 HTTP の概要 HTTP の進化 HTTP メッセージ 典型的な HTTP セッション HTTP/1.x のコネクション管理 プロトコルのアップグレードの仕組み HTTP セキュリティ Content Security Policy (CSP) HTTP Strict Transport Security (HSTS) X-Content-Type-Options X-Frame-Options X-XSS-Protection Mozilla web security guidelines Mozilla Observatory HTTP アクセス制御 (CORS) HTTP

    Content-Security-Policy - HTTP | MDN
  • ウェブアプリケーションからのファイルの使用 - Web API | MDN

    File API は DOM に HTML5 で追加されたもので、ウェブコンテンツがユーザーにローカルファイルを選択するように指示し、それらのファイルを読み取ることができるようになりました。この選択は HTML の <input type="file"> 要素を使用したり、ドラッグ&ドロップを行ったりすることで行うことができます。 File API拡張機能や他のクロームコードから利用することもできます。この場合、もういくつか知っておきたい機能があります。詳細は DOM File API をクロームコードで使うをご覧下さい。

    ウェブアプリケーションからのファイルの使用 - Web API | MDN
    iga_k
    iga_k 2019/04/24
    JS FileAPI
  • JavaScript - MDC

    JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ

    JavaScript - MDC
  • MDN Web Docs

    Resources for Developers, by DevelopersUnited in love ////////////   ////////////   ////////////   ////////////   ////////////   ////////////   ////////////  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++  ++++++{{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}  {{{{ }}}}     ../../    ../../    ../../    ../../    ../../    ../../    ../../<></><></><></><></><></><></><></><></><></><></><><

    MDN Web Docs
    iga_k
    iga_k 2018/12/28
    「現在のMDNはMozillaだけでなくMicrosoft、Googleも協力して情報が集約されて居り、各言語や規格の仕様書の次に「公式」に近い資料です。規格原文へのリンクもあるほか、仕様にはないブラウザの対応状況や互換性情報も」
  • Introduction to Service Worker: How to use Service Worker - HTML5 Rocks

    Service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available). They are intended, among other things, to enable the creation of effective offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server. They will also allow access to pu

    Introduction to Service Worker: How to use Service Worker - HTML5 Rocks
    iga_k
    iga_k 2017/02/09
    便利そう
  • TLS Cipher Suite Discovery - Mozilla | MDN

    iga_k
    iga_k 2008/09/26
    SSL/TLSで使用可能にしておくべき暗号アルゴリズム群
  • Canvas tutorial - MDC

    このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト(ふつうは JavaScript)を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成する、または簡単なアニメーションを(あまり簡単ではないものも)作成したりすることができます。このページにある画像は、このチュートリアルで作成する <canvas> の実装の例を示しています。 <canvas> は ApplemacOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。

    Canvas tutorial - MDC
  • 1