Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1283
Help us understand the problem. What is going on with this article?
@snakada

フロントエンドエンジニア御用達の 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日開催 というのもあるようなので、私もオンラインで 参加する予定です 参加してきました。


では、以下が今回つくった 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 オブジェクトの使用

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

1283
Help us understand the problem. What is going on with this article?
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
snakada
なかだです。沖縄に住んでいます。 自炊男子です。オカメインコ飼ってます。 フロントエンドエンジニアです。
ymir
独自のテクノロジーで、パフォーマンスを追求したメール配信システムを中心にメッセージングソリューションを提供するSaaSベンダーです。

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1283
Help us understand the problem. What is going on with this article?