Help us understand the problem. What is going on with this article?

フロントエンドエンジニア御用達の MDN web docs を網羅した

このリストは何?

MDN web docs を、あたかも書籍の目次かのごとく整理しなおしたものです。それぞれ MDN web docs の記事へリンクしています。

なぜこれが必要になったかというと、人材市場でフロントエンドエンジニアが少なすぎる現状をどうにかするべく教育体制を整えるところから考え始めたのですが、それならまずは日頃お世話になっている MDN web docs を教材として扱いたいなと思ったからです。慣れてきてもよく参照するし「アレどこだっけなぁ?」を軽減もしやすいかなって。

MDN web docs は内容そのものはかなり充実しているものの、リンクがあらゆる方向に張り巡らせられており ある一定の流れに沿って読む ということが少々難しい側面もあります。特に初学者にとっては、迷子になりやすいかもしれません。

ですので、初学者でも学習しやすいように MDN web docs 全体の各記事を確認したうえで、ある程度は取捨選択しつつ網羅してみました。これは全ての記事を掲載しているわけではなく、最初のうちはスルーしても良さそうとか、内容がやや古いと思われるものは除外してあります。

余談

MDN web docs の深部まで覗いていくと、意外と日本語翻訳されていない記事があることに気が付きます。どうせだからということで、勢い余って恐れ多くもいくつかの記事を翻訳してきました。

(2019/09/24 追記)


2019年10月19日開催の翻訳コミュニティに参加してきました。
Mozilla Japan コミュニティMozilla 関連の翻訳&ローカライズコミュニティ といったところで、翻訳を活発におこなっているようです。直近ですと 【第16回!】みんなで MDN を翻訳しよう!翻訳コミュニティ定例ミートアップ! 2019年10月19日開催 というのもあるようなので、私もオンラインで 参加する予定です 参加してきました。

(2019/10/28 追記)

上記に続けて、直近の 【第17回!】みんなで MDN を翻訳しよう!翻訳コミュニティ定例ミートアップ! 2019年11月23日開催 に、私も参加する予定です。すでに慣れた方々が親切にサポートしてくださるので、どうぞお気軽にご興味ある方もぜひご参加いただければと思います。


では、以下が今回つくった MDN web docs 網羅リストです。

ご覧になっていただき、更に不要と思われるものや、逆に必要なのに足りていないなどあればご指摘お願いいたします。もしくはまったく別のアイデアがあればぜひお声がけください。

テクノロジー

HTML

初心者向けチュートリアル

リファレンス

CSS

チュートリアル

リファレンス

料理帳

HTTP

チュートリアル

リファレンス

JavaScript

チュートリアル(完全な初心者向け)

チュートリアル(JavaScript ガイド)

チュートリアル(中級者向け)

チュートリアル(上級者向け)

リファレンス

DOM 入門

イベントリファレンス

(めちゃくちゃいっぱいあるけど、ある程度拾っておきたい)

リファレンスとガイド

ウェブ開発について学ぶ

ウェブ入門

チュートリアル

HTML チュートリアル(入門レベル)

CSS チュートリアル(入門レベル)

CSS チュートリアル(上級レベル)

リファレンス

HTML — Web を構造化する

略歴、概念と構文、理解を深める

CSS — Web の外観を指定

冒頭分、詳細(一般知識、技術的な文書、CSS について学ぶ)

JavaScript — Dynamic client-side scripting

冒頭分、詳細情報(基礎知識、JavaScript の学習、技術リファレンス)

開発者ガイド

イベント開発者ガイド

AJAX

FormData オブジェクトの使用

以上です。
みなさまのご参考になれば幸いです。

snakada
なかだです。沖縄に住んでいます。 自炊男子です。オカメインコ飼ってます。 フロントエンドエンジニアです。
https://github.com/snakada
ymir
独自のテクノロジーで、パフォーマンスを追求したメール配信システムを中心にメッセージングソリューションを提供するSaaSベンダーです。
https://www.ymir.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした