We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

この翻訳は不完全です。英語から この記事を翻訳 してください。



MDN Wiki はページの全体、または一部の更新のための実験的な HTTP PUT API を提供しています。この機能は、次のような時に便利です:

  • プロジェクトのページを作成し、自動ビルド、テスト、デプロイスクリプトからある節のコンテンツを更新することができる。これはコミュニティがプロジェクトの進捗の最新についていくのに役立ちます。
  • ソースコードと並行してドキュメントを提供する場合、HTML をプッシュして MDN のサブセクションにレンダリングできます。これでチームの作業フローにとって適切な方法でドキュメントを維持できて、MDN に貢献したりローカライズ担当がコンテンツを翻訳できるままになります。


MDN を実行するソフトウェアを開発する中で、次のようにいろいろなステージ上のサイトインスタンスをホストしています:

To keep from cluttering up the Production site with throwaway content, you should try developing your application against Staging first. Then, when you are reasonably sure that it'll do what you want, reconfigure it to work against Production. You can also try working against Development, but you may run into issues.

API キーを作成する

APIキーを使うと、毎回 Persona ログインするような介入を要求せずに、アプリケーションを代理人として動作させることができます。SSL 上の HTTP ベーシック認証を使ってユーザー名とパスワードを提供します。基本的な使用のトラッキングを集めて、どのように使われているかがわかるようにします。そして、たまたま持つべきでない人々に渡った場合は、アクセスを無効にするよう API キーを削除できます。

If you have the correct privileges to do so, to create an API key, sign into MDN and visit the API keys management page. This page lets you create and delete API keys, as well as inspect recent usage history.  Only Mozillians in good standing can currently get API keys, since they grant abilities to automate changes to content rapidly, so unprivileged users must request the ability by filing a bug.

註: The above link goes to the Production site, and the same keys do not work between Production and Staging. You can also get to this page by visiting your profile on the respective site: Click on your username in the upper right of the site. On your profile page, you should see a "Manage API Keys" button.

From there, clicking on the "Create a new API key" button should take you to an entry form so you can submit a request for an API key.

After filling out and submitting the form, you will receive a key ID and secret. These are your username and password, respectively. Copy these down somewhere safe (eg. to your application's configuration settings); the site will never display them again, and there is no recovery method. If you lose them, simply delete the API key and create another.

PUT リクエストを作成する

Since the PUT API works by way of HTTP, it should be compatible with the application environment and libraries of your choice. This first example uses the command-line tool cURL and a UNIX shell to demonstrate how to issue a simple PUT request to MDN.


# Base URL and API key from staging (example only; substitute your own)

# Document-specific details
DOC_USERNAME="lmorchard"  # Change this to your name

# Putting it all together...
curl -si -X PUT -H"Content-Type: $DOC_TYPE" -d"$DOC_DATA" -u"$MDN_KEY_ID:$MDN_SECRET" "$MDN_BASE_URL$DOC_PATH"

Since there's a lot going on in this cURL invocation, the example is broken into variables:

  • MDN_BASE_URL - as mentioned before, you should plan to switch your application between staging and production servers on MDN. This variable allows for that.
  • MDN_KEY_ID - the key ID from the API key you created. Note that these are server-specific - the same keys do not work between staging and production.
  • MDN_SECRET - the secret from the API key that corresponds with the key ID.
  • DOC_USERNAME - change this to your MDN username.
  • DOC_PATH - the URL path to the document with content you want to manipulate.
  • DOC_TYPE - the content in the request will be text/html
  • DOC_DATA - the content sent in the PUT request body; this is the content that will be used in a new revision to the document

So, along with the variables, here are some general notes on the example and its use of the PUT API:

  • The key ID and secret are supplied as username and password, respectively, in HTTP Basic authentication over SSL.
  • The DOC_PATH for this example includes a username - presumably yours - but that's just for the sake of example and ensuring you have your own sample document to play with. You can use any URL path to any document on the wiki.
  • A Content-Type header is required, and lets MDN know how to process the content sent in the PUT request. Several content types are supported, and this feature will be described in greater detail shortly.
  • Content intended for the document is sent in the request body, using the representation promised in the Content-Type header


There are several responses you may see if you try this example: 403, 404, 201, or 205. (You may see others, but those suggest something has gone wrong with the site. That will, hopefully, be rare.)

403 Forbidden

If either the key ID or secret are incorrect, you'll see a 403 Forbidden response. Double check your key details and that you're using the right pair for the right server. Create a new API key, if necessary.

404 Not Found

If you've never created a document at the URL path /en-US/docs/User:$MDN_USERNAME, you'll see a 404 Not Found response.

註: The PUT API will not automatically create parent documents. If you're creating a number of documents intended to comprise a subsection of MDN, make sure to create parent documents first from the top down in the hierarchy.

201 Created

If the parent document exists, but the path itself doesn't, you should see a 201 Created response. This signifies that a new document was created, as opposed to an existing one having been updated.

205 Reset Content

In the case of an updated document, you'll see a 205 Reset Content response. This means that the document content has been updated, and that you should reload the document if you happen to need to see the results.

註: MDN performs certain filtering and processing steps on content, so what you put in may not be exactly what gets served back.


The PUT API accepts one of several content types in the request body.


There are actually two forms of text/html accepted: fragment and document.


An HTML fragment is just an arbitrary chunk of markup, and is used as-is to revise document content. This is the simplest way to update documents.


However, if the request body consists of an <html> element containing <head> and <body> elements, it's treated as a full HTML document. In this case, the following processing happens:

  • From the <head> element, the contents of <title> is extracted and used as the title for the document on MDN.
  • The contents of <body> is extracted as the content for a new revision. 

This is a more complex way to update documents, but is intended as a convenience to accomodate submission of existing HTML pages.


Although the text/html content type is handy, there are more fields belonging to documents that are useful to manage. These include the following:

  • title - the document title
  • content - the content intended for the new revision
  • tags - tags used to organize documents: this is given as a single string, with tags separated by commas
  • review_tags - tags used to request content reviews: this is given as a single string, with tags separated by commas
  • summary - a comment describing the revision to be made
  • show_toc - a flag (0/1) indicating whether the table of contents should be shown for this document

These fields can be supplied as string values in a JSON-encoded object with the application/json content-type in a PUT request.

# Auth Stuff
DOC_USERNAME="lmorchard"  # Change this to your name

# Base Settings (for Staging Env)

# Doc Content
echo '{"content": "<b>Hello World</b>", "title": "New Sample Title", "show_toc": 1, "tags": "Beginner, Tutorial", "review_tags": "editorial, technical", "summary": "Sample JSON update from the API"}' > /tmp/mdn.json

# Submitting Content
curl -X PUT -H "Content-Type: $DOC_TYPE" -d @/tmp/mdn.json -u"$MDN_KEY_ID:$MDN_SECRET" "$MDN_BASE_URL$DOC_PATH"


This content type is handled basically like application/json - the same fields are accepted. But, it might be less useful than JSON and is supported mainly for testing purposes.

1 つのセクションを更新する

Normally, an HTTP PUT request replaces the entirety of a document with the submitted content in a new revision. However, you can use the query parameter ?section to constrain revision to a single section of the document and leave the rest of the content as-is. This is handy for automating changes to one part of a document that is otherwise managed by hand, or even for aggregating changes from many sources or scripts into one document.


Documents on MDN can be broken up into sections. These sections are useful for building a table of contents, linking to specific parts, and editing subsets of document content.

Using headers

Headers (ie. <h2> .. <h6>) make sections in MDN documents. The text of each header is transformed automatically into an ID, and that's used for anchor links in the table of contents sidebar on most documents. Those auto-generated IDs can be overriden with the name attribute on headers. Either way, looking at the table of contents is the easiest way to see how a document is broken up into sections, and to discover the IDs for those sections.

The contents of a section include its header and everything following the header up to (but not including) another header of the same or higher level. So, a section that starts with an <h2> continues until the next <h2>, including any subsections started by <h3> .. <h6>. That also means sections can be nested: An <h3> appearing after an <h2> creates a subsection, including any further nested subsections started by <h4> .. <h6>, up to the next <h3> or <h2>.

@@TODO: Show an HTML example with headers, here. This is a bit confusing.

Using container elements

Setting an id attribute on a container element (eg. a <div> or <span> or <section>) in the source editor also creates a section, at least with respect to the PUT API. This is a bit more advanced and requires manual changes to raw HTML, rather than using the WYSIWYG editor. But, if you want to update a chunk of the page without the need for headers, this is how to do it.


  • Look at the table of contents, note the anchor ID for the link (ie. the #hash part of the URL).
    Example: https://developer.mozilla.org/ja/docs/User:lmorchard/PUT-API#Specifying_a_section
  • Take everything after the "#" character, and you have the section ID.
    Example: Specifying_a_section
  • Add ?section={ID} to the URL for the document, substituting the section ID for {ID}.
    Example: https://developer.mozilla.org/ja/docs/User:lmorchard/PUT-API?section=Specifying_a_section
  • If you view that URL in a browser (ie. HTTP GET), you'll see just that section of the document.
    (For more details on what you can do with HTTP GET, see also: Project:The_Kuma_API)
  • If you issue a PUT request to that URL, you'll modify just that section of the document.
    (But, don't do that to the example URL, or you'll clobber the page you're reading right now!)


このページの貢献者: Uemmra3, hamasaki
最終更新者: Uemmra3,