開発環境準備 - paulbarre/RssReader GitHub Wiki

プロジェクトのフォルダーの準備

下記の構成でプロジェクト用のフォルダを準備します。

RssReader/
|
+--css/
|   |
|   +-- ...
|
+--js/
|   |
|   +-- ...
|
+--index.html
  • 全てのHTMLコードはindex.htmlファイルに書いてください。
  • css/のフォルダーの中に全てのCSSスタイルシートを入れてください(.css)。
  • js/のフォルダーの中に全てのJavaScriptのファイルを入れてください(.js)。

ブラウザー

開発するプロジェクトを実際にテストするため、ウエブブラウザーが必要になります。お好きなブラウザーを使ってください。

ブラウザーのデベロッパーツールの紹介

上記のブラウザーにはデベロッパーツールが入っています。ツールを使うことでHTML、CSS、JavaScriptの内容を確認しながらデバッグを行うことができます。

Firefox

メニューからツール > ウエブ開発 > 開発ツールを表示 で開けます。

Chrome

メニューから表示 > 開発/管理 > デベロッパー ツール で開けます。

Opera

メニューから表示 > 開発者用メニューを表示 を選択します。

メニューに開発が表示され:開発 > 開発者用ツール で開けます。

JavascriptとjQueryのリファレンス

下記のドキュメントなどを参考にしてください。

このチュートリアルの終わりにCSSを使いますので、下記リンクも参考にしてください。

⚠️ **GitHub.com Fallback** ⚠️