diff --git a/files/ja/learn/getting_started_with_the_web/index.md b/files/ja/learn/getting_started_with_the_web/index.md index 866e26f617737f..9824321baa1603 100644 --- a/files/ja/learn/getting_started_with_the_web/index.md +++ b/files/ja/learn/getting_started_with_the_web/index.md @@ -7,19 +7,19 @@ l10n: {{LearnSidebar}} -「ウェブ入門」は、ウェブ開発の実用性を紹介する簡潔なシリーズです。簡単なウェブページを構築するために必要なツールをセットアップし、簡単なコードを書いたら、実際にウェブに公開します。 +「ウェブ入門」は、ウェブ開発の実際を紹介する簡潔なシリーズです。簡単なウェブページを構築するために必要なツールをセットアップし、簡単なコードを書いたら、実際にウェブに公開します。 -## 最初のウェブサイトの物語 +## 初めてウェブサイトを作ること プロが作るようなウェブサイトを作るのはとても大変な作業です。ウェブ開発の初心者は、まずは小さなものから作り始めるとよいでしょう。今すぐ Facebook のようなサイトを作ることはできませんが、簡単なウェブサイトなら作るのはそれほど難しくありません。私たちはここから始めることにしましょう。 ## ガイド -以下の一覧の記事を通して作業することで、何もないところから、最初のウェブページをオンラインで公開できるようになります。さあ、旅を始めましょう。 +以下の一覧の記事を通して、何もないところから、最初のウェブページをオンラインで公開できるようになります。さあ、始めましょう。 - [基本的なソフトウェアのインストール](/ja/docs/Learn/Getting_started_with_the_web/Installing_basic_software) - - : ウェブサイトを構築するためのツールは、実にさまざまなものからがあります。これから始める人は、コードエディター、フレームワーク、テストツールなど、さまざまな種類のツールに戸惑うかもしれません。この記事では、基本的なウェブ開発を始めるために必要なソフトウェアをインストールする方法を手順を追って紹介します。 + - : ウェブサイトを構築するためのツールは、実にさまざまなものがあります。これから始める人は、コードエディター、フレームワーク、テストツールなど、さまざまな種類のツールに戸惑うかもしれません。この記事では、基本的なウェブ開発を始めるために必要なソフトウェアをインストールする方法を手順を追って紹介します。 - [ウェブサイトをどんな外見にするか](/ja/docs/Learn/Getting_started_with_the_web/What_will_your_website_look_like) @@ -27,19 +27,19 @@ l10n: - [ファイルの扱い](/ja/docs/Learn/Getting_started_with_the_web/Dealing_with_files) - - : ウェブサイトを作るにはたくさんのファイルが必要です。テキストコンテンツ、コード、スタイルシート、メディアコンテンツなどファイルがあります。ウェブサイトを作るときは、これらのファイルをうまく配置して、ファイル同士がお互いにアクセスできることを確認する必要があります。この記事では、ウェブサイトのファイルを適切に配置する方法と、気をつけるべきことについて説明します。 + - : ウェブサイトは、テキストコンテンツ、コード、スタイルシート、メディアコンテンツなど、たくさんのファイルからなります。ウェブサイトを作るときは、これらのファイルをうまく配置して、ファイル同士が連携できるようにする必要があります。この記事では、ウェブサイトのファイルを適切に配置する方法と、気をつけるべきことについて説明します。 - [HTML の基本](/ja/docs/Learn/Getting_started_with_the_web/HTML_basics) - - : HyperText Markup Language (HTML、ハイパーテキストマークアップランゲージ) とは、ウェブコンテンツを構成し、その内容に意味や目的を持たせるために使用するコードのことです。例えば、私のコンテンツは段落の集合なのか、それともこの点のリストなのか？ページに挿入する画像はあるか？データ表はありますか？この記事では、HTMLに慣れるために必要な情報を提供します。 + - : HyperText Markup Language (HTML、ハイパーテキストマークアップランゲージ) とは、ウェブコンテンツを構成し、その内容に意味や目的を持たせるために使用するコードのことです。例えば、私のコンテンツはいくつかの段落なのか、それとも箇条書きのリストなのか？ページに挿入される画像やデータ表なのか？この記事では、情報過多にならずにHTMLに慣れるために必要な情報を提供します。 - [CSS の基本](/ja/docs/Learn/Getting_started_with_the_web/CSS_basics) - - : Cascading Stylesheets (CSS: カスケーディング・スタイルシート) は、ウェブサイトの見た目を決めるために使うコードです。CSS を書くと、テキストの色を黒や赤にしたり、コンテンツを画面のどこに表示するかを決めたり、ページの背景に好きな色をつけたり画像を表示したりして、ウェブサイトを好きなように飾り付けることができます。この記事では、こうした飾り付けの方法について説明します。 + - : Cascading Stylesheets (CSS、カスケーディング・スタイルシート) は、ウェブサイトの見た目を決めるために使うコードです。CSS を書くと、テキストの色を黒や赤にしたり、コンテンツを画面のどこに表示するかを決めたり、ページの背景に好きな色をつけたり画像を表示したりして、ウェブサイトを好きなように飾り付けることができます。この記事では、こうした飾り付けの方法についてまず知っておくべきことを説明します。 - [JavaScript の基本](/ja/docs/Learn/Getting_started_with_the_web/JavaScript_basics) - - : JavaScript は、ウェブサイトにインタラクティブな機能を追加するために使うプログラミング言語です。例えば、ゲーム、ボタンが押された時やフォームにデータが入力された時に起こること、動的なスタイルの効果、アニメーション、などなどです。この記事では、この楽しいプログラミング言語を使ってどんなことができるのか、そしてどうやって使い始めれば良いのかを紹介します。 + - : JavaScript は、ウェブサイトにインタラクティブな機能を追加するために使うプログラミング言語です。例えば、ゲーム、ボタンが押された時やフォームにデータが入力された時の動作、動的なスタイルの効果、アニメーションなどなど。この記事では、この楽しいプログラミング言語を使ってどんなことができるのか、どうやって使い始めれば良いのかを紹介します。 - [サンプルコードの公開](/ja/docs/Learn/Getting_started_with_the_web/Publishing_your_website) @@ -51,8 +51,8 @@ l10n: ## 関連情報 - [The Frontend Developer Career Path](https://v2.scrimba.com/the-frontend-developer-career-path-c0j?via=mdn) _MDN カリキュラムパートナー_ - - : [Scrimba's](https://scrimba.com?via=mdn) のフロントエンド開発者キャリアパスは、楽しい対話型のレッスンや課題、知識豊富な講師、対応しているコミュニティを通じて、有能なフロントエンドウェブ開発者になるために必要なすべてを教えてくれます。ゼロから最初のフロントエンドの仕事に就くまで。このコースの多くの部分は、無料版として単独で利用できます。 + - : [Scrimba's](https://scrimba.com?via=mdn) のフロントエンド開発者キャリアパスは、楽しいインタラクティブなレッスンや課題、知識豊富な講師、対応しているコミュニティを通じて、優秀なフロントエンドウェブ開発者になるために必要なすべてを教えてくれます。ゼロから始めて最初のフロントエンドの仕事に就くまで。このコースの多くの部分は、無料版として単独で利用できます。 - [Web Demystified](https://www.youtube.com/playlist?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g) - - : ウェブの基本を説明した素晴らしい動画のシリーズで、完全な初心者がウェブ開発できるようにするためのものです。 [Jérémie Patonnier](https://twitter.com/JeremiePat) 作。 + - : ウェブの基本を説明した素晴らしい動画のシリーズで、完全な初心者がウェブ開発できるようにするためのものです。 [Jérémie Patonnier](https://twitter.com/JeremiePat) 制作。 - [ウェブとウェブ標準](/ja/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards) - - : この記事では、ウェブの役立つ背景 — どうやってできたのか、ウェブ標準技術とはなにか、どう連携させるか、「ウェブ開発者」がなぜ素晴らしいキャリアであるか、この過程を通じてどんなベストプラクティスが学習できるか — を提供します。 + - : この記事では、ウェブの役立つ背景 — どうやってできたのか、ウェブ標準技術とはなにか、それらがどう共同しているか、「ウェブ開発者」がなぜ素晴らしいキャリアであるか、この過程を通じてどんなベストプラクティスが学習できるか — を提供します。