File tree Expand file tree Collapse file tree 8 files changed +9
-9
lines changed
Expand file tree Collapse file tree 8 files changed +9
-9
lines changed Original file line number Diff line number Diff line change @@ -76,7 +76,7 @@ for (変数の宣言/変数名 of 配列) {
7676
7777## 配列の便利な機能
7878
79- JavaScriptの配列には、便利な変数や関数のようなものが定義されています。正確には[ オブジェクト] ( /docs/trial-session/object ) と[ クラス] ( /docs/browser-apps/class ) の回でそれぞれ扱う <Term >プロパティ</Term >、<Term >メソッド</Term >というものですが、今のところは特殊な書き方をする変数や関数であると考えればよいでしょう。
79+ JavaScriptの配列には、便利な変数や関数のようなものが定義されています。正確には[ 「 オブジェクト」の節 ] ( /docs/trial-session/object ) と[ 「 クラス」の節 ] ( /docs/browser-apps/class ) でそれぞれ扱う <Term >プロパティ</Term >、<Term >メソッド</Term >というものですが、今のところは特殊な書き方をする変数や関数であると考えればよいでしょう。
8080
8181### ` 配列.length `
8282
Original file line number Diff line number Diff line change @@ -4,7 +4,7 @@ title: オブジェクトの参照
44
55## 参照
66
7- [ オブジェクト] ( /docs/trial-session/object/ ) で扱ったように、JavaScriptの値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。
7+ [ 「 オブジェクト」の節 ] ( /docs/trial-session/object/ ) で扱ったように、JavaScriptの値はオブジェクトとプリミティブに分けられます。前回は、プリミティブを「それ以上分解できない値」のように説明しました。もう少し詳しくみてみましょう。
88
99![ オブジェクトとプリミティブ] ( ../../1-trial-session/12-object/value-types-with-object.drawio.svg )
1010
Original file line number Diff line number Diff line change @@ -359,7 +359,7 @@ document.write(myBirthDay.getFullYear()); // 2014
359359
360360![ HTMLDivElementの継承関係] ( ./html-inheritance.drawio.svg )
361361
362- 実は、[ DOM] ( /docs/trial-session/dom/ ) で使用したtextContentプロパティは、このNodeクラスで定義されています。
362+ 実は、[ 「 DOM」の節 ] ( /docs/trial-session/dom/ ) で使用したtextContentプロパティは、このNodeクラスで定義されています。
363363
364364:::tip[ ` Object ` クラス]
365365
Original file line number Diff line number Diff line change @@ -4,7 +4,7 @@ title: 無名関数
44
55## 無名関数
66
7- [ イベント] ( /docs/trial-session/events/ ) で、関数も値の一種であることを説明しました。このため、関数は変数やプロパティに代入したり、関数の引数や戻り値になったりできます。
7+ [ 「 イベント」の節 ] ( /docs/trial-session/events/ ) で、関数も値の一種であることを説明しました。このため、関数は変数やプロパティに代入したり、関数の引数や戻り値になったりできます。
88
99しかしながら、通常の記法で関数を記述することが煩わしい場合があります。イベントハンドラを登録する場合を考えてみましょう。
1010
Original file line number Diff line number Diff line change @@ -81,7 +81,7 @@ v22.15.0
8181
8282## Node.jsでHello World
8383
84- まずは、新しいフォルダを作成し、Visual Studio Codeで開きます。macOSの場合は[ はじめてのWeb開発] ( /docs/trial-session/get-started/ ) で作成した` projects ` フォルダの中に別のフォルダを作れば問題ありませんが、Windowsの場合はWSL上にフォルダを作成します。
84+ まずは、新しいフォルダを作成し、Visual Studio Codeで開きます。macOSの場合は[ 「 はじめてのWeb開発」の節 ] ( /docs/trial-session/get-started/ ) で作成した` projects ` フォルダの中に別のフォルダを作れば問題ありませんが、Windowsの場合はWSL上にフォルダを作成します。
8585
8686:::info[ WSL上にプロジェクトフォルダを作る]
8787
@@ -105,7 +105,7 @@ console.log("Hello World!");
105105
106106## Node.jsのデバッグ
107107
108- [ ブラウザの開発者ツール] ( /docs/browser-apps/inspector/ ) でJavaScriptのデバッグを行ったのと同様に、Node.jsでは、VS Code標準の機能を用いてデバッグを行えます。
108+ [ 「 ブラウザの開発者ツール」の節 ] ( /docs/browser-apps/inspector/ ) でJavaScriptのデバッグを行ったのと同様に、Node.jsでは、VS Code標準の機能を用いてデバッグを行えます。
109109
110110Node.jsのデバッグを開始するには、ブレークポイント等を設定したうえで、` F5 ` キーを押します。初回はデバッグ構成を選択するメニューが出現するので、` Node.js ` を選択しましょう。デバッグが開始されると、VS Code下部の青いバーが橙色に変化します。` console.log ` は` DEBUG CONSOLE ` タブに出力されるので注意しましょう。
111111
Original file line number Diff line number Diff line change @@ -8,7 +8,7 @@ import RequestResponseSlideShow from "./request-response-slide-show";
88
99## ウェブサイトが動作する仕組み
1010
11- [ Webプログラミングの基礎を学ぼう] ( /docs/trial-session/ ) では、ウェブサイトを表示するためにHTMLファイルとJavaScriptファイルを作成し、ブラウザから開きました。しかし、一般的なウェブサイトを閲覧する際は、HTMLファイルやJavaScriptファイルの存在を意識することはありません。これは、Webでは、通常インターネットを介してデータをやり取りするためです。
11+ [ 「 Webプログラミングの基礎を学ぼう」の章 ] ( /docs/trial-session/ ) では、ウェブサイトを表示するためにHTMLファイルとJavaScriptファイルを作成し、ブラウザから開きました。しかし、一般的なウェブサイトを閲覧する際は、HTMLファイルやJavaScriptファイルの存在を意識することはありません。これは、Webでは、通常インターネットを介してデータをやり取りするためです。
1212
1313インターネットを人間が直接利用することはできないので、何らかのコンピューターを使用しなければなりません。
1414このとき、
Original file line number Diff line number Diff line change @@ -24,7 +24,7 @@ JavaScriptは、当初はWebサイトに簡易的な動きを追加させるた
2424
2525### <Term >モジュールバンドラ</Term >
2626
27- 通常、規模の大きなプログラムは、見通しが良くなるよう複数のファイルに分割されます。HTMLから複数のJavaScriptを読み込むためには` script ` タグを並べれば良いですが、[ Expressによるサーバー構築] ( /docs/web-servers/server/ ) で学んだように、` script ` タグの数だけ<Term >HTTPリクエスト</Term >が発行されてしまうため非効率的です。
27+ 通常、規模の大きなプログラムは、見通しが良くなるよう複数のファイルに分割されます。HTMLから複数のJavaScriptを読み込むためには` script ` タグを並べれば良いですが、[ 「 Expressによるサーバー構築」の節 ] ( /docs/web-servers/server/ ) で学んだように、` script ` タグの数だけ<Term >HTTPリクエスト</Term >が発行されてしまうため非効率的です。
2828
2929[ webpack] ( https://webpack.js.org ) のような<Term >** モジュールバンドラ** </Term >を用いることで、複数のJavaScriptファイルを統合できます。
3030
Original file line number Diff line number Diff line change @@ -746,7 +746,7 @@ export default function App() {
746746
747747:::tip[ Reactとイミュータビリティ]
748748
749- [ オブジェクトの参照] ( /docs/browser-apps/reference/ ) で扱ったように、JavaScriptオブジェクトは参照として扱われます。Reactでは、** 状態として保存されたオブジェクトの参照先への変更は許可されていません** 。例えば、先ほどのプログラムの` addTodo ` 関数と` removeTodo ` 関数は、次のように書き換えることはできません。これは、この方法ではReactが状態が変化したことを検知できないからです。
749+ [ 「 オブジェクトの参照」の節 ] ( /docs/browser-apps/reference/ ) で扱ったように、JavaScriptオブジェクトは参照として扱われます。Reactでは、** 状態として保存されたオブジェクトの参照先への変更は許可されていません** 。例えば、先ほどのプログラムの` addTodo ` 関数と` removeTodo ` 関数は、次のように書き換えることはできません。これは、この方法ではReactが状態が変化したことを検知できないからです。
750750
751751``` tsx
752752const addTodo = () => {
You can’t perform that action at this time.
0 commit comments