Mozilla Developer Network(MDN):最高のツールとガイドを始めましょう

開示: あなたのサポートはサイトの運営を維持するのに役立ちます!このページで推奨する一部のサービスについては、紹介料を稼ぎます.


Mozilla Developer Networkは、Web開発者、デザイナー、学生、プロのプログラマー、そして熱心なアマチュア(Webのコーディングの学習やプログラミングスキルの向上に関心のある人)のためのコミュニティサイトです。ドキュメント、リファレンス資料、チュートリアル、Mozilla固有の情報、およびコードの改善に役立つさまざまなツールがまとめられています.

さらに、Mozilla Developer Networkには、ブログやIRCチャネルなど、さまざまなソーシャルサービスやコラボレーションサービスがあります。メンバーは、接続して参加し、Mozillaの多くのオープンソースプロジェクトに貢献するよう招待されています.

Mozillaとは?

Mozillaは、オープンソースのブラウザであるFirefoxで最もよく知られている非営利団体です。この組織は、1990年代後半にNetscapeがWebブラウザーNetscape Communicatorを無料でリリースしたときに始まりました。当初、Mozilla Organizationは、ほとんどがNetscape内の小さなチームであり、この新しくオープンソースのブラウザの開発を管理する役割を担っていました。 2003年、非営利のMozilla Foundationが設立されました。 AOL(Netscapeの親会社)は関連する知的財産を財団に譲渡し、従業員の時間を支払い、200万ドルを寄付しました.

MozillaはFirefoxブラウザの開発と改善を続けてきましたが、その範囲も大幅に拡大しています。彼らの使命は、「インターネットの自由をすべての人に守ること」です。彼らは、さまざまなプラットフォームにオープンソースのブラウザーを提供すること、無料でオープンなインターネットに準拠した公共政策を提唱すること、業界全体でオープンなWeb標準を促進すること、Mozilla Developer Networkを通じて開発者を教育することなど、さまざまな方法でこれを行います.

ドキュメントとチュートリアル

MDNの仕事の大部分は、Webテクノロジーに関する広範なドキュメントの提供です。 HTML要素、ブラウザAPI、Webソケット、オフラインストレージ、およびその他の最新のWebの詳細を詳述した何百ものページがあり、利用可能なHTMLに関する間違いなく最も完全なリファレンスです。.

JavaScriptやCSSなどの他の基本的なWebテクノロジーの開発者向けドキュメントとチュートリアル、およびアクセシビリティ、Webセキュリティ、Webアプリ開発、およびその他の多くのトピックに関する開発者ガイドもあります。.

これらのすべてのドキュメントとチュートリアルプロジェクト(独自のプロジェクトのドキュメントを含む)は、開発用のオープンWeb標準の使用を促進することを目的としています。彼らの資料はすべてのレベルの開発者を対象としています。 HTMLの非常に基本的な紹介からHTML5でゲームを構築する方法のチュートリアルまで。さらに、サイトのほとんどのページはさまざまな言語に翻訳されているため、MDNは世界中のオープンなWeb開発プラクティスを教える独自の機能を備えています。.

開発者ツール

MDNは、Webテクノロジーに関する詳細なドキュメントを提供するだけでなく、高品質で無料のオープンソースの開発ツールを多数開発することで、Webワーカーを支援します。これらのツールは、Firefoxブラウザープロジェクトの一部であり、ほとんどがFirefoxブラウザーに組み込まれている(または使用されている).

多くのFirefox開発ツールがあります。ここにいくつかのハイライトがあります:

  • Scratchpadを使用すると、JavaScriptを試すことができ、小さなJSコードエディタが提供されます。スクラッチパッドで書かれたコードは現在のWebページで実行されます.
  • スタイルエディターも同様で、Webサイト上のCSSをその場で追加、編集、削除できます。.
  • Shader Editorを使用すると、WebGL JavaScriptグラフィックレンダリングライブラリで使用される頂点シェーダーとフラグメントシェーダーを編集できます.
  • ページインスペクターを使用すると、ページのソースHTMLを簡単に編集および変更できます.
  • Webコンソールは、ページのレンダリング中に生成されたパフォーマンスログとエラーログへのアクセスを提供し、ユーザーがJavaScriptの任意の行を実行できるようにします。同様に、ブラウザコンソールは、単一のWebページだけでなく、ブラウザ全体に同じ情報を提供します.
  • デバッガーを使用すると、一度に1行ずつJavaScriptをステップ実行でき、バグが発生している場所を追跡できます。.
  • ネットワークモニターは、ブラウザーによって行われたすべての要求を示し、応答、エラー、およびパフォーマンス情報を表示します.
  • Storage Inspectorは、キャッシュ、Cookie、ローカルストレージ、セッションストレージ、IndexedDBなど、さまざまな種類のブラウザストレージにアクセスして操作する方法を提供します.
  • DOMプロパティビューアを使用すると、ドキュメントオブジェクトモデル(アクティブメモリ内のWebページのブラウザの内部表現)を展開可能なツリー構造として表示し、各DOM要素のプロパティを調べることができます.
  • スポイトはPhotoshopやその他のグラフィックスプログラムのスポイトツールと同様に機能し、ブラウザーでピクセルの正確な色を見つけることができます。.
  • ソースの表示では、現在のページの未加工のHTMLソースを表示できます.
  • レスポンシブデザインモードは、ビューポートをいくつかのプリセットサイズまたはカスタムサイズに自動的に拡大縮小して、携帯電話、タブレット、その他のデバイスに見られるような小さな画面サイズをエミュレートします.
  • ペイント点滅ツールは、入力に応じて再描画(再レンダリング)する必要があるビューポートの部分を強調表示します.
  • ブラウザーツールボックスを使用すると、Webページ用に設計された開発者ツールをブラウザー全体に適用したり、ブラウザープラグインやアドオンに適用したりできます。.
  • パフォーマンスツールは、サイトの応答性と速度に関する詳細情報を提供します。これには、Webサイトのパフォーマンスのさまざまな側面を確認するためのいくつかのサブツールが含まれます。
    • ウォーターフォールは、ロードおよびレンダリング時間全体にわたるブラウザのアクティビティを視覚化して表示します.
    • コールツリーは統計分析を使用して、どのJavaScript関数が最も計算時間を消費したかを判断します.
    • フレームチャートは、コールツリーと同じデータセットを使用して、実行時にJavaScript関数が実行されていた年代順の読み出しを提供します.
    • 割り当ては、実行中に各JavaScript関数が割り当てられているメモリの量を示します.
  • WebIDEは、Firefox OS用に構築されたモバイルアプリを構築、テスト、デバッグするための統合開発環境です。さらに、WebIDEにより、モバイルWebブラウザーで他のFirefox開発ツールを使用できるようになります。.

これらの開発ツールは拡張でき、MDNは拡張開発用のアドオンSDKを提供します。拡張機能はWeb言語(HTML、CSS、JavaScript)で作成できます。 SDKは、ブラウザーのほぼすべての側面にJavaScript APIを提供します.

Firefox Developer Edition

Firefox Developer Editionは、Firefoxの専用ディストリビューションであり、開発ツールを前面に出します。このエディションの開発者ツールはトップレベルのGUIの一部であり、メニューの背後に隠されていません。さらに、新しいツールの試験的なバージョンとベータリリースは、メインブラウザーにリリースされる前の開発者版に含まれています。最後に、要素インスペクター、ソースビュー、およびその他のツールのコードビューは、SublimeやAtomなどの一般的なコードエディターを連想させる暗いテーマで表示されます。.

MDNコミュニティとの接続

Mozilla Developer Networkは単なるリソースセットではなく、Mozilla Foundationは単なる非営利組織ではありません。 Mozillaは、財団によって採用されているコア開発者から、ページの翻訳やタイプミスの修正を行うボランティアまで、幅広い人々を含む世界規模のコミュニティです。.

接続して参加する方法はたくさんあります。

  • Mozilla IRCサーバーは、Mozillaコミュニティメンバーとチャットする最もアクティブな場所の1つです。彼らは様々なトピックのためにいくつかのチャンネルを運営しています。自分の道を見つけているだけの場合は、#newbiesを試してみることをお勧めします.
  • Mozilla wikiは、コミュニティが作成したサイトであり、Mozilla関連のすべての情報が含まれています。.
  • Mozilla Developer Networkサイトのほぼすべてのページはコミュニティで編集されています。タイプミス、または改善の余地がある場所を見つけた場合は、アカウントにサインアップして、問題を修正することができます。ただし、最初に編集レビューを行う方法について必ず読んでください。.
  • Mozillaのツールのいずれかに開発者として貢献したい場合は、適切なGitHubページを見つけて開始できます.
  • Mozillaで仕事を探すか、ボランティアになることもできます.

概要

Mozilla Developer Networkと、より大きなMozilla Foundationは、オープンWebを促進、擁護、教育する最も重要な組織の1つです。彼らのツールとチュートリアルは、あなたをより良いWeb開発者にしてくれるでしょう。そして、より大きなコミュニティに参加することは、そうでなければ不可能である方法であなたの専門的なネットワークを拡大するでしょう。彼らは、多くの点で、ウェブの中心にあります。それがあなたがなりたい場所であるならば、あなたは彼らが提供しなければならないものを探求し、関与するのにうまくいくでしょう。.

参考資料とリソース

コーディングと開発に関連するガイド、チュートリアル、およびインフォグラフィックが他にもあります。

  • 優れたHTMLの作成、およびバリデーター:Webでの情報表示の基本.
  • JavaScript入門:世界で最も人気のあるプログラミング言語で、現在サーバー側でも使用されています.
  • CSS3 —イントロ、ガイド、リソース:最新のWebページの表示方法に関するすべて.

どのコードを学ぶべきか?

どのプログラミング言語を使用してコーディングする必要があるかについて混乱していますか?私たちのインフォグラフィックをチェックして、どのコードを学ぶべきですか?これは、言語のさまざまな側面について説明するだけでなく、「生活のためにJavaプログラミングを行うことでいくらお金を稼ぐことができるか」などの重要な質問に答えます。

どのコードを学ぶべきですか?
どのコードを学ぶべきか?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map